Question

在使用vue.js时，关于属性id号的定义如何获取呢？我想$ refs读取id="20"值。我希望console.log是21,10,15。转到jsfiddle

看看：

var app = new Vue({
  el: "#app",
  data: {
    fruit: [{
      id: 21,
      name: 'Peach'
    }, {
      id: 10,
      name: 'Apple'
    }, {
      id: 15,
      name: 'Lemon'
    }],
    branid: ''
  },
  mounted() {
    console.log(this.$refs)
  }
})

<div id="app">
  <ul>
    <li v-for="item in fruit" :id="item.id" ref="branid">{{item.name}}</li>
  </ul>
</div>

Answer 1

您应该只需引用branid密钥并从每个id项中提取li，请参阅更新后的fiddle here：

console.log(this.$refs.branid.map(li => li.id))

Answer 2

你不需要通过它。$ refs，它在你的水果数组中，所以你可以通过使用map或filter函数轻松获得它：

示例：

mounted() {
    var ids = this.fruit.map(function(obj) {
     return obj.id;
    });
    console.log(ids)
}

vue.js如何获取自定义元素属性参数的值？

2 个答案: