vue

怎么访问到子组件的实例或者子元素?

发布于 2021-01-11 17:02:51
关注者
0
被浏览
274
3 个回答
  • 面试哥
    面试哥 2021-01-12
    为面试而生,有面试问题,就找面试哥。

    通过

    this.$refs
  • 面试哥
    面试哥 2021-01-12
    为面试而生,有面试问题,就找面试哥。

    写了完整的demo,你可看下

    <div id="app">
        <base-input ref="usernameInput"></base-input>
    </div>
    
    <script>
        Vue.component("base-input", {
            template: "<input type='input' ref='input'>",
            methods: {
                popUp() {
                    alert(11)
                },
                focus: function () {
                    this.$refs.input.focus()
                }
            }
        });
    
        new Vue({
            el: "#app",
            data: {},
            mounted: function () {
                this.$refs.usernameInput.popUp();
                this.$refs.usernameInput.focus();
            }
        });
    </script>
    

    完整demo

知识点
面圈网VIP题库

面圈网VIP题库全新上线,海量真题题库资源。 90大类考试,超10万份考试真题开放下载啦

去下载看看