vue中我们会遇到很多父子组件通信的需求, 下面简单列一下,父子组件通信的几种情况 1:父组件向子组件传值:使用prop向子组件传值; 2:子组件实时监听父组件传来的值的变化:使用watch去监听父组件传来的值; 3:父组件可以通过this.$refs.name.去访问子组件的值或方法; 4:子组件 Read More
posted @ 2019-07-14 17:42 古墩古墩 Views(44007) Comments(1) Diggs(0) Edit
vue 修饰符sync的功能是:当一个子组件改变了一个 prop 的值时,这个变化也会同步到父组件中所绑定。 不过它有一个前身,先来看看.sync出现之前是如何实现的 父组件中(传递给子组件一个值:propObj) 子组件中(点击事件去更新父组件的值) 下面用vue 修饰符sync来实现,会更简洁 Read More
posted @ 2019-07-14 15:47 古墩古墩 Views(2133) Comments(0) Diggs(0) Edit
刚学vue的时候,曾经学习过slot插槽的使用,但是后面接触的不多,因为之前我还没使用element-ui。。。 但是使用了element-ui之后,里面的许多组件,有时候会使用插槽,为了巩固一下插槽,写一个笔记 首先,插槽有什么作用呢? 我们先来自定义一个组件: 然后在其它组件内引入(script Read More
posted @ 2019-07-14 11:12 古墩古墩 Views(569) Comments(0) Diggs(0) Edit
基本使用都不多说了, 我们知道这个表格组件,每个单元格内容是table绑定的data中的某个属性决定的,但是如果我们想根据这个属性值,渲染出另一个值呢,首先问题来了,我如何获得当前列的值, 查了查,我们可以用插槽来自定义显示的内容 template data methods 上诉代码,templat Read More
posted @ 2019-07-14 10:14 古墩古墩 Views(32895) Comments(0) Diggs(2) Edit
template <el-button type="text" @click="dialogVisible = true">点击打开 Dialog</el-button> <el-dialog title="提示" :visible.sync="dialogVisible" width="80%" Read More
posted @ 2019-07-14 09:05 古墩古墩 Views(21086) Comments(0) Diggs(0) Edit