Property xxx was accessed during render but is not defined on instance

vue3.x版本在结合element-plus使用如果使用了表单元素以及v-model指令会在控制台看到类似的警告,虽然不影响js运行,但是对于强迫症玩家难受的不行,下面我们来看一下这个问题是如何产生的,应该怎么解决

原因:vue3.x版本中新增了组合api也就是setup方法,在该方法中我们可以通过ref创建一个具有响应式的基本数据类型的数据,但是呢在我们也可以通过给元素设置ref属性,从而来获取dom,具体细节可以查看官方文档,这也就导致了问题的产生

解决:

  • 相信大部分人还是只想知道解决办法是什么,往下看解决办法:
  • 保证v-model的数据和ref的值不要重名
  • 不需要使用v-model时避免使用

你可能感兴趣的:(vue3,前端,javascript,开发语言)