‘.sync‘ modifier on ‘v-bind‘ directive is deprecated. Use ‘v-modelpropName‘ instead.

最新推荐文章于 2024-04-07 19:53:47 发布

鸭梨的药丸哥

最新推荐文章于 2024-04-07 19:53:47 发布

阅读量6.8k

点赞数 3

分类专栏： Vue3 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_43203949/article/details/128260292

版权

Vue3 专栏收录该内容

3 篇文章

订阅专栏

‘.sync’ modifier on ‘v-bind’ directive is deprecated. Use ‘v-model:propName’ instead.eslint-plugin-vue

原因

vue3弃用了.sync做属性的双向绑定，改用v-model:propName

解决方案

<template>
  <!-- ✓ GOOD -->
  <MyComponent v-bind:propName="foo"/>
  <MyComponent :propName="foo"/>


  <!-- ✗ BAD -->
  <MyComponent v-bind:propName.sync="foo"/>
  <MyComponent v-bind:[dynamiArg].sync="foo"/>
  <MyComponent v-bind.sync="foo"/>
  <MyComponent :propName.sync="foo"/>
</template>