![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
我是咸鱼闲又闲
玩的是梁园月,饮的是东京酒,赏的是洛阳花,攀的是章台柳
展开
-
vue 组件递归(组件自己调用自己)
vue 组件递归项目中,用到 el-menu, 侧边栏导航动态加载时,需要用到组件递归,不然js写逻辑,有点繁琐。干货多,屁话少,上代码给组件name值export default { name: "submenu", // 必须给name值}直接在本组件中调用即可// 必须加v-if条件,否则调用会进入死循环,程序会崩<el-submenu v-if="menu.children && menu.children.length"> <s原创 2021-11-04 11:11:31 · 6935 阅读 · 9 评论 -
Vue组件添加挂载到body下
组件挂载到body层级下因为一些原因,需要把子组件挂载到body层级下,以此来解决问题。效果图:废话少说,上代码在组件内部加入以下代码:mounted() { // 切记 一定要在组件里加 this.$nextTick(() => { const body = document.querySelector("body"); if (body.append) { body.append(this.$el); } else {原创 2021-10-21 15:18:04 · 5024 阅读 · 0 评论 -
Vue中多级(三级)组件传值
需求:A --> 子组件B --> 子组件C ,(A页面的参数传值到C页面,但B页面不需要用到传递值)。分析:有四种方法可以实现,但是前三种各有优缺点,各位看官老爷接着往下看。方法:1、props 和 $on、$emit (虽说可以解决多级传值问题,但是假如嵌套层级多的话,代码繁琐且中间容易出错)。2、Vuex (用于公用数据使用频繁场景,用来传值大材小用)。3、Bug 中间件 (无法实现事件监听)4、$attrs、$listeners$attrs: 用于传递属性 i原创 2021-09-24 11:14:51 · 4289 阅读 · 1 评论