vuev-model绑定三目运算符报错解决
在v-model中使用三目运算符报错
'v-model' directives require the attribute value which is valid as LHS.eslint-plugin-vue
这是由于v-model不能使用表达式,根据需要绑定的参数使用计算属性
(1)如果你要实现的效果只是将父组件的值传递给子组件【没有双向绑定数据的效果】
报错修改 将v-model 改为 :model
:model是[v-bind]:model的缩写,只数据绑定,没有双向绑定效果,但不一定在表单元素上使用,任何有效元素上都可以使用;当v-bind和v-model同时用在一个元素上时,它们各自的作用没变,但v-model优先级更高,而且需区分这个元素是单个的还是一组出现的。
(2)实现数据双向绑定的效果 这时需要使用v-model来绑定数据,以及使用computed计算属性来绑定参数
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanhhkbkbh
系列文章
更多
同类精品
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
微信运动停用后别人还能看到步数吗
PHP中文网 07-22