在表单中,有一个隐藏类型的输入框 <el-input v-model="stu.id" type="hidden"></el-input>,该输入框的模型绑定是 stu.id,因此当表单提交时,stu.id 的值会被包含在提交的表单数据中,但是不会在页面上显示出来。如果需要将数据显示出来怎么办
时间: 2023-07-16 17:12:35 浏览: 136
输入框的隐藏和显示
如果需要将隐藏类型的输入框的值显示出来,可以使用一个文本框来显示该值。具体做法是,在该文本框的 v-model 属性中绑定 stu.id,这样该文本框的值就会随着 stu.id 的值而改变。例如:
```
<el-input v-model="stu.id" type="hidden"></el-input>
<el-input v-model="stu.id" disabled></el-input>
```
在这个例子中,第一个 el-input 是隐藏类型的输入框,第二个 el-input 是普通的文本框,它的 v-model 属性同样绑定了 stu.id。但是为了防止用户修改 stu.id 的值,这里使用了 disabled 属性禁用了该文本框,这样用户就只能查看 stu.id 的值,而无法修改它。
阅读全文