VueJ在组件中获取元素

我有一个组件,如何选择其元素之一?

我正在尝试获取此组件模板内的输入。

可能有多个组件,因此queryselector必须仅解析该组件的当前实例。

Vue.component('somecomponent', {
    template: '#somecomponent',
    props: [...],

   ...

    created: function() {
        somevariablehere.querySelector('input').focus();
    }
});

提前致谢

乐ASam2020/03/10 10:16:01

注意,Vue2中,仅在安装组件后才能访问this。$ refs.uniqueName

GreenNear2020/03/10 10:16:01

您可以使用来访问vuejs组件的子代this.$children如果要在当前组件实例上使用查询选择器,则this.$el.querySelector(...)

仅做简单的操作即可console.log(this)向您展示vue组件实例的所有属性。

另外,如果您知道要在组件中访问的元素,则可以向其添加v-el:uniquename指令并通过以下方式访问它this.$els.uniquename

神无老丝Davaid2020/03/10 10:16:01

vuejs 2

v-el:el:uniquename已由取代ref="uniqueName"然后通过访问元素this.$refs.uniqueName