findAncestor.vue.js

export default {
    methods: {
        /**
         * find ancestor with specified component name.
         * @param {string} name component name.
         * @return {Vue} ancestor
         */
        findAncestor(name) {
            var parent = this.$parent;
            if (!parent) {
                return;
            }

            const isMatch = (component) => {
                const componentName = component.$options.name;
                if (!componentName) {
                    return false;
                }
                return typeof name === 'string'
                    ? (componentName === name)
                    : name(component);
            };

            while (parent && !isMatch(parent)) {
                parent = parent.$parent;
            }

            return parent;
        }
    }
};