小编ker*_*rby的帖子

组件模板：

<template id='someComponentTemplate'>
  <div id="{{ item.id }}">
    <span>{{ item.title }}</span>
  </div>
</template>

列出东西：

<someComponent v-for="item in items" :item=item></someComponent>

通过 id 获取组件的元素

var element=document.getElementById('id123');

现在我想访问处理找到的 DOM 元素的确切组件对象。是否可以？

所以我有一个项目列表和通过v-for和v-model链接到每个项目的输入列表.

我单击一个按钮并将新项目添加到该列表中.我想关注与新添加的项链接的输入.

无法弄清楚如何实现这一目标.

<div id="app">
  <div v-for="item in sortedItems">
    <input v-model="item">
  </div>
  <button @click="addItem">
    add
  </button>
</div>


new Vue({
  el: '#app',
  data: {
    items: []
  },
  methods: {
    addItem: function() {
      this.items.push(Math.random());
    }
  },
  computed: {
    sortedItems: function() {
      return this.items.sort(function(i1, i2) {
        return i1 - i2;
      })
    }
  }
})

这里是排序列表的小提琴 https://jsfiddle.net/sfL91r95/1/

谢谢