vue3中update:modelValue的使用与不生效问题解决

现在vue3的使用越来越普遍了,vue3这方面的学习我们要赶上,下面这篇文章主要给大家介绍了关于vue3中update:modelValue的使用与不生效问题的解决方法,需要的朋友可以参考下

v-model中update:modelValue

v-model的主要原因是由于value和input事件可能另有它用,那么我们可不可以直接使用另外的属性和方法,而不需要去通过model进行定义。

vue3中就实现了这个功能,v-model绑定的不再是value,而是modelValue,接收的方法也不再是input,而是update:modelValue

写法:

 //或者  // 或者 

使用:

父组件

子组件

vue3子组件update:modelValue不生效问题

用event去做绑定

也就是加上 @update:title = “title = $event” 测试成功

总结

到此这篇关于vue3中update:modelValue的使用与不生效问题解决的文章就介绍到这了,更多相关vue3 update:modelValue使用内容请搜索0133技术站以前的文章或继续浏览下面的相关文章希望大家以后多多支持0133技术站!

以上就是vue3中update:modelValue的使用与不生效问题解决的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » Vue.js 教程