Vue中使用ref获取DOM元素和组件引用

利用ref获取DOM元素

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>组件</title>
    <script src="vue.js"></script>
</head>
<body>
    <div id="app">
        <input type="button" value="获取元素" @click="getElement">
        <h3 ref="myh3">今天天气很好!!!</h3>
    </div>

    <script>
        var vm = new Vue({
            el: '#app',
            data: {},
            methods: {
                getElement () {
                    console.log(this.$refs.myh3.innerText);
                }
            }
        });
    </script>
</body>
</html>

                                      

猜你喜欢

转载自blog.csdn.net/sleepwalker_1992/article/details/81193347