el-dialog组件的 :visible.sync
:visible指的是属性绑定,表示弹框的显示隐藏,
后面的.sync指的就是同步动态双向的来表示visible的值,当我们关闭窗口的时候,这个弹框隐藏了,visible的值发生了变化,但是关闭窗口这个动作,我们没法用确定的动作去判断这个值,所以用到了vue中的双向绑定的原则,在vue中统一加上了.sync来表示同步的修改了visible的值。
如果 visible 属性绑定的变量位于 Vuex 的 store 内,那么 .sync 不会正常工作。此时需要去除 .sync 修饰符,同时监听 Dialog 的 open 和 close 事件,在事件回调中执行 Vuex 中对应的 mutation 更新 visible 属性绑定的变量的值。
.native 的作用:给组件绑定原生事件
elementUI 自定义类名使用方法
添加的类名不能写到scoped 样式表里,要直接写在style里