`v-el` on child vm's non-root element

<ul id="app">
    <li v-repeat="items" v-el="item">
        <span>{{text}}</span> <button v-el="itemBtn">x</button>
    </li>
</ul>

vm.$$.item works well and returns a node list, but vm.$$.itemBtn returns undefined, should it returns a node list?

Demo here: http://jsfiddle.net/Alexorz/efwLrcd3/

v0.11.0-rc3

[Alexorz]

this.$$.item is an array of DOM element, man… but achieved that through v-ref.

Code:

<ul id="app">
    <li v-repeat="items" v-ref="itemVM">
        <span>{{text}}</span> <button v-el="itemBtn">x</button>
    </li>
</ul>

var buttons = this.$.itemVM.map(function (itemVM) {
  return itemVM.$$.itemBtn
});

Is it possible to make this.$$.itemBtn as a shortcut of this.$.itemVM.map(function (item) { return item.$$.itemBtn });?

[yyx990803]

This is because every item in v-repeat is a vm, so the itemBtn is registered on the child vm instead.

You can do

var buttons = this.$$.item.map(function (item) {
  return item.$$.itemBtn
})