<el-input v-model="form.stem" readonly style="border: none" /> 刷新,没变化(边框依然在)。F12查看样式,看起来这个样式无法覆盖原有样式。 原因: 查了查资料,原因是当前vue文件中使用style scoped包裹的样式中重置input框的样式无法生效。 解决: 方式一: 找到el的css文件在input的Border样式后面加上!import...
你可以通过以下步骤来测试禁止编辑功能是否生效: 点击输入框尝试输入文字,看是否能成功输入。 尝试选中、复制输入框中的文本(对于 readonly 属性的输入框)。 观察输入框的样式是否变为禁用状态(对于 disabled 属性的输入框)。通过以上方法,你可以灵活地控制 el-input 组件的编辑状态,以满足不同的需求。
<el-input v-model="form.stem" readonly style="border: none" /> 刷新,没变化(边框依然在)。F12查看样式,看起来这个样式无法覆盖原有样式。 原因: 查了查资料,原因是当前vue文件中使用style scoped包裹的样式中重置input框的样式无法生效。 解决: 方式一: 找到el的css文件在input的Border样式后面加上!import...