Vue中获取dom元素之ref

2019-08-15  本文已影响0人  最爱喝龙井

ref

Vue中可以通过ref属性绑定Dom元素,通过this.$refs获取页面中的Dom元素

image.png

例:

<div id="app">
        <input type="button" value='get' @click='get'>
        <h1 ref='myh1'>hello world</h1>
    </div>

    <script>
        var vm = new Vue({
            el: '#app',
            data: {},
            methods: {
                get() {
                    console.log(this.$refs.myh1.innerText) // hello world
                }
            }
        });
    </script>
上一篇 下一篇

猜你喜欢

热点阅读