使用antd-design-vue|使用antd-design-vue 模态框组件 使用v-model报错的问题
【使用antd-design-vue|使用antd-design-vue 模态框组件 使用v-model报错的问题】在封装模态框组件的时候,遇到一个问题,
1、模态框的显示与隐藏是由父组件传递过来的visible控制,在模态框上使用默认的v-mode,使用计算属性缓存visible这个属性值,,当模态框组件改变了这个值,会报:[Vue warn]: Computed property “showModal” was assigned to but it has no setter.然后再设置set方法,会导致栈溢出。
Some contents...
Some contents...
Some contents...
>
props: {
visible: {
type: Boolean,
default: false
}
computed: {
showModal: {
get() {
return this.visible
},
set(val) {
this.showModal = val
}
}
}
2、当把属性值放到data中,也会有问题,模态框直接不显示了。
解决办法:
不在模态框组件上使用v-model,而是使用动态绑定的visible属性
Some contents...
Some contents...
Some contents...
推荐阅读
- 由浅入深理解AOP
- 【译】20个更有效地使用谷歌搜索的技巧
- mybatisplus如何在xml的连表查询中使用queryWrapper
- MybatisPlus|MybatisPlus LambdaQueryWrapper使用int默认值的坑及解决
- MybatisPlus使用queryWrapper如何实现复杂查询
- iOS中的Block
- Linux下面如何查看tomcat已经使用多少线程
- 使用composer自动加载类文件
- android|android studio中ndk的使用
- 使用协程爬取网页,计算网页数据大小