Vue编译后,v-if为true却依旧不渲染,求解答~

代码关键部分如下
image.png
professionInputVisible初始化为ref(false)
showProfessionInput主要功能为将professionInputVisible.value赋值为true

默认界面展示如下
image.png
点击“新增专业”按钮后界面如下
image.png
点击按钮后审查元素如下
image.png

可见v-if部分并没有渲染出来,v-else部分因为v-if的成立也没有渲染
但是在npm run serve时是可以正常使用的,这种v-if不渲染情况仅出现在build出的文件中
Edge、Chrome以及手机微信内置浏览器均出现了以上情况


附开发情况下的界面截图

点击前
image.png
点击后
image.png
审查元素
image.png

谢谢各位大佬!

阅读 2.9k
2 个回答

后来发现是一个很愚蠢的问题
我的编辑器自作聪明,“帮我”import了一个Elinput组件
不知道这个是干什么的,但是似乎与el-input发生了冲突
同时也不知道为什么在开发环境中可以正常使用,但是编译发布后就不行了

有没有可能是ref的问题

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题