位置: IT常识 - 正文
vue3 子组件上绑定(v-model=“xx“) 父组件传过来的值后报错(vue 绑定子组件属性)
发布时间：2024-01-17vue3 子组件上绑定(v-model=“xx“) 父组件传过来的值后报错 遇到的问题
本文链接地址:https://www.jiuchutong.com/zhishi/298887.html
转载请保留说明！
推荐整理分享vue3 子组件上绑定(v-model=“xx“) 父组件传过来的值后报错(vue 绑定子组件属性)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:vue子组件使用父组件方法,vue子组件mounted,vue子组件绑定父组件的值,vue子组件mounted,vue子组件绑定父组件的值,vue 绑定子组件属性,vue子组件绑定父组件的值,vue子组件的子组件,内容如对您有帮助，希望把文章链接给更多的朋友！
vue3的项目中, 升级了vant的版本(^4.0.7)后, 子组件中用v-model的地方出现了报错
报错的内容v-model cannot be used on a prop, because local prop bindings are not writable. Use a v-bind binding combined with a v-on listener that emits update:x event instead.
解决问题在阅读vue3的文档中看到了这么一段话
单向数据流所有的 props 都遵循着单向绑定原则，props 因父组件的更新而变化，自然地将新的状态向下流往子组件，而不会逆向传递。这避免了子组件意外修改父组件的状态的情况，不然应用的数据流将很容易变得混乱而难以理解。
另外，每次父组件更新后，所有的子组件中的 props 都会被更新到最新值，这意味着你不应该在子组件中去更改一个 prop。若你这么做了，Vue 会在控制台上向你抛出警告：
最后上一篇：Redux工具包(一) - Redux Toolkit的基本使用(redux-tookit)
下一篇：chat gpt 国内版免费网站(chat gpt 国内版免费手机)
