vue怎样使用变量作为修饰符？

• Z时代
• 2024-03-04
• 分类：IT

// 比如遇到如下情况，我该如何使age的number修饰符在循环中生效呢？
<template>
<form>
  <div class="form-item" v-for="item in list" :key="item.prop">
    <label>{{ item.label }}</label>
    <input v-model="form[item.prop]" />
    <!-- 下面是错误的 -->
    <!-- <input v-model[item.modifier]="form[item.prop]" /> -->
  </div>
</form>
</template>
<script>
export default {
  data () {
    return {
      form: {},
      list: [
        { label: '姓名', prop: 'name' },
        { label: '年龄', prop: 'age', modifier: 'number' }
      ]
    }
  }
}
</script>

以上是 vue怎样使用变量作为修饰符？ 的全部内容， 来源链接： utcz.com/p/936801.html