随笔分类 -  vue

Vue子组件调用父组件事件的三种方法
摘要:1. 在子组件中通过this.$parent.event来调用父组件的方法,data参数可选 <template> <div> <h1>我是父组件</h1> <child /> </div> </template> <script> import child from '@/components/c 阅读全文
posted @ 2022-02-16 14:34 取个名字真wff 阅读(3596) 评论(0) 推荐(1)
Vue父组件调用子组件事件的两种方法
摘要:首先我们要了解 $on 和 $emit: vm.$on( event, callback ):监听当前实例上的自定义事件。事件可以由vm.$emit触发。回调函数会接收所有传入事件触发函数的额外参数。 vm.$emit( event, […args] ):触发当前实例上的事件。附加参数都会传给监听器 阅读全文
posted @ 2022-02-16 13:59 取个名字真wff 阅读(1715) 评论(0) 推荐(0)
Vue高阶用法:provide / inject
摘要:今天写项目的时候,需要把父组件的值传给子和孙子,传统的props只能父传子,看了一下vuejs的官方文档,有个provide / inject。 这对选项需要一起使用,以允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在其上下游关系成立的时间里始终生效。如果你熟悉 React,这 阅读全文
posted @ 2022-02-16 13:24 取个名字真wff 阅读(132) 评论(0) 推荐(0)
vue — 复制功能封装
摘要:废话不多说,直接上代码 handleCopyText({ topic }) { var input = document.createElement("input"); // js创建一个input输入框 input.value = topic; // 将需要复制的文本赋值到创建的input输入框中 阅读全文
posted @ 2021-11-25 10:07 取个名字真wff 阅读(110) 评论(0) 推荐(0)
Vue+ElementUI项目中条件渲染Tab切换时,渲染表格时单元格内容显示异常
摘要:最近在写工业互联网的项目,用vue+element框架去写,遇到了一个问题: 就是tab切换分别去渲染对应里面的表格数据时候, 当使用 v-if 和 v-else 条件渲染两个表格时,v-if和v-else 控制的表格内容显示正常, 但是用 v-if、v-else-if、 v-else 条件去渲染三 阅读全文
posted @ 2021-11-03 11:13 取个名字真wff 阅读(753) 评论(0) 推荐(0)