- v-for 动态改变v-text-field的label属性
//错误代码
<div>
<v-text-field v-for="item in items" :key="item.label"
label="{
{item.label}}" //或者 label={
{item.label}}
single-line=single-line
box=box
></v-text-field>
</div>
<script>
export default {
data: () {
items: [
{
label:"账号"},
{
label:"密码"}
]
}
}
</script>
执行之后查看控制台打印的错误是 要改变属性如:
<div id="{
{val}}"> use <div :id="val"> instead of
可以知道上面的更改text的label属性代码应该改为:
<div>