Vue

vue2.0专题:vue 索引操作

2016-09-07  本文已影响1562人  俊瑶先森

vue2.0:

https://vuefe.cn/guide/migration.html#v-el-和v-ref-弃用

vue1.0:

1.v-ref

在父组件上注册一个子组件的索引,父组件访问子组件

<comp v-ref:child></comp>
<comp v-ref:some-child></comp>
// 从父组件访问
this.$refs.child
this.$refs.someChild

2.v-el

为 DOM 元素注册一个索引,方便通过所属实例的 $els
访问这个元素。

<span v-el:msg>hello</span>
<span v-el:other-msg>world</span>
this.$els.msg.textContent // -> "hello"
this.$els.otherMsg.textContent // -> "world"

注意:
因为 HTML 不区分大小写,camelCase 名字比如 v-el:someEl
将转为全小写。可以用v-el:some-el
设置 this.$els.someEl

上一篇 下一篇

猜你喜欢

热点阅读