Vue中获取dom元素的内容(innerText)
2018-05-07 本文已影响3005人
ChasenGao
引用官方资料：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)。
