错误用法:将<el-dialog>组件写在了add组件中,这时候当弹窗关闭时会修改dialogFormVisible的值,由于dialogFormVisible是父组件传过来的,不能修改,所以会报错,还会导致其他一些问题。
这是写在add组件中的
<el-dialog title="添加灌区信息" :visible.sync="dialogFormVisible" width="60%">
。。。。。。
</el-dialog>
这是写在父组件中的
<add v-bind:dialogFormVisible.sync="dialogFormVisible"></add>
正确用法:两个组件都在父组件中使用,<el-dialog>包裹<add>组件,add组件作为弹窗的内容
<el-dialog title="添加灌区信息" :visible.sync="dialogFormVisible" width="60%">
<add v-bind:dialogFormVisible.sync="dialogFormVisible"></add>
</el-dialog>
由于第一次使用element ui,vue也是刚学习,所以不知道其中的模式,导致找了好久的问题,特此记录一下