vue 组件自己调用自己

在vue中有些情况下我们会用到组件本身来遍历出自己想要的效果。

其实非常简单，可以在模板中使用name属性值，来调用自己

<template><el-submenuv-if="item.children && item.children.length >= 1" :index="'' + item.meta.index">     <template #title>      <i :class="item.meta.icon"></i><span>{{ item.name }}</span></template><menu-treev-for="item in item.children":key="item.meta.index":item="item"></menu-tree></el-submenu><el-menu-item v-else-if="item.meta.hidden" :index="'' + item.meta.index"><i :class="item.meta.icon"></i><template #title><span>{{ item.name }}</span></template></el-menu-item>
</template>
<script>
export default {name:'menu-tree',props: {item: {default: [],},},data() {return {};}
}

这样就调用上啦

vue 组件自己调用自己相关推荐

vue组件孙子调用爷爷的方法
1.在爷爷组件中设置provide(){ return{ saveFun:this.saveFun } }, saveFun我自己的方法 provide和methods同级 2.直接在孙子组件中设置i ...
vue 外部方法调用内部_vue 的进阶之路
当我们使用 Vue 在愉快的开发项目的时候,突然报了一个错误: this is undefined 别担心,不只有你一个人,我也经常遇到这个问题很多次,接下我们一起来看看如何解决这个问题. 一个可能的 ...
Vue组件的三种调用方式
最近在写fj-service-system的时候,遇到了一些问题.那就是我有些组件,比如Dialog.Message这样的组件,是引入三方组件库,比如element-ui这样的,还是自己实现一个?虽然 ...
vue组件调用(全局调用和局部调用)
当用vue-cli创建一个项目后, 创建项目的方法: https://www.cnblogs.com/fps2tao/p/9376847.html 编写了组件怎么,在其他组件中调用了? 组件listB ...
浏览器调用 vue 组件_父子组件的通信
在前端vue框架中,我们常常使用多个页面组成一个组件来创建项目.每个组件都有其自己的功能,基于组件的体系结构使开发和维护应用程序变得容易.在开发过程中,您可能会遇到需要与其他组件共享数据的情况.在本文 ...
vue 子页面调用父页面的参数_Flutter子组件调用父组件方法修改父组件参数
子组件调用父级组件方法的主要实现是父组件给子组件传入一个方法,然后在子组件中调用父级方法来修改父级的参数.看一下效果图父级组件实现在父级组件中写一个_editParentText的方法来修改组件中 ...
vue怎么调用子元素的方法_vue 父组件中调用子组件函数的方法
vue 父组件中调用子组件函数的方法在父组件中调用子组件的方法: 1.给子组件定义一个ref属性.eg:ref="childItem" 2.在子组件的methods中声明一个函数 ...
Vue 组件传值通信、父子组件、爷孙组件传值、方法调用
组件传:vue子组件改变父组件中data的值_mldwyy的博客-CSDN博客_子组件修改父组件data 参考 https://www.cnblogs.com/lianxisheng/p/109073 ...
vue中组件之间调用方法——子组件调用父组件的方法父组件调用子组件的方法
vue中组件之间调用方法--子组件调用父组件的方法 & 父组件调用子组件的方法 1.vue中子组件调用父组件的方法 1.1.第一种方法是直接在子组件中通过this.$parent.event来 ...
vue父组件如何调用子组件里面的方法
在vue里,父组件要调用子组件里边定义的方法,可以通过ref属性来获取到子组件的方法并执行,下面直接贴上子组件和父组件的代码吧! 父组件代码: <template><div clas ...

vue 组件自己调用自己

vue 组件自己调用自己相关推荐

最新文章

热门文章