代码关键部分如下
professionInputVisible初始化为ref(false)
showProfessionInput主要功能为将professionInputVisible.value赋值为true
默认界面展示如下
点击“新增专业”按钮后界面如下
点击按钮后审查元素如下
可见v-if部分并没有渲染出来,v-else部分因为v-if的成立也没有渲染
但是在npm run serve时是可以正常使用的,这种v-if不渲染情况仅出现在build出的文件中
Edge、Chrome以及手机微信内置浏览器均出现了以上情况
附开发情况下的界面截图
点击前
点击后
审查元素
谢谢各位大佬!
后来发现是一个很愚蠢的问题
我的编辑器自作聪明,“帮我”import了一个Elinput组件
不知道这个是干什么的,但是似乎与el-input发生了冲突
同时也不知道为什么在开发环境中可以正常使用,但是编译发布后就不行了