美文网首页Vue
vue2.0专题:vue 索引操作

vue2.0专题:vue 索引操作

作者: 俊瑶先森 | 来源:发表于2016-09-07 19:24 被阅读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

    相关文章

      网友评论

        本文标题:vue2.0专题:vue 索引操作

        本文链接:https://www.haomeiwen.com/subject/bdajettx.html