美文网首页
Vue中获取dom元素的内容(innerText)

Vue中获取dom元素的内容(innerText)

作者: ChasenGao | 来源:发表于2018-05-07 15:35 被阅读3005次

引用官方资料:https://cn.vuejs.org/v2/api/#ref

    <body>
        <div id="app" ref="app">
            <p id="myid" ref="myid">111</p>
            <p>222</p>
        </div>
        <script type="text/javascript">
            var vm = new Vue({
                el: '#app'
            });
            console.log(vm.$refs.app.innerText);
            console.log(vm.$refs.name.innerText);
        </script>
    </body>

1、为#app添加了ref,控制台输出#app中的所有数据 (111 222)。
2、为#myid添加了ref,控制台只输出#myid中的数据(111)。

相关文章

  • Vue中获取dom元素的内容(innerText)

    引用官方资料:https://cn.vuejs.org/v2/api/#ref 1、为#app添加了ref,控制台...

  • DOM、事件

    1. dom对象的innerText和innerHTML有什么区别? innerText用于获取元素内的文本内容;...

  • DOM操作

    1.dom对象的innerText和innerHTML有什么区别? innerText:获取元素内的的所有文本内容...

  • Dom、事件

    1.DOM对象中的innerHTML和innerText有什么区别? innerHTML获取元素节点和文本内容.i...

  • DOM操作

    DOM操作 dom对象的innerText和innerHTML有什么区别 innerText:主要用来获取元素的内...

  • Dom操作知识点

    dom对象的innerText和innerHTML有什么区别?答:innerText是获取元素中的文本部分,若有多...

  • vip10-dom事件170120

    题目1:dom对象的innerText和innerHTML有什么区别? innerHTML获取元素节点和文本内容....

  • DOM,事件

    dom对象中的innerText和innerHTML有什么区别? innerText返回的是元素内包含的文本内容。...

  • dom对象操作知识点

    1: dom对象的innerText和innerHTML的区别 innerText只获取该元素内的文本,inner...

  • Vue中ref属性获取DOM元素和组件引用

    ref获取DOM元素vue中获取DOM元素不建议用js直接操作DOM,使用ref可达到操作DOM的效果写法:thi...

网友评论

      本文标题:Vue中获取dom元素的内容(innerText)

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