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

// 比如遇到如下情况,我该如何使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>
阅读 954
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题