VueJ在组件中获取元素

JavaScript

乐猪猪

2020-03-10

我有一个组件，如何选择其元素之一？

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

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

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

   ...

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

提前致谢

第417篇《VueJ在组件中获取元素》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共3个回答
乐ASam 2020.03.10

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

GreenNear 2020.03.10

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

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

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

神无老丝Davaid 2020.03.10

vuejs 2

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

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android