VueJS读取DOM属性 在VueJS中，我们可以使用`this.$refs`来访问DOM元素的属性。`$refs`是一个对象，它包含了通过`ref`属性引用的所有DOM元素。 例如，我们有一个按钮元素，并给它添加了一个`ref`属性： ``` ``` 在Vue实例中，我们可以使用`this.$refs.myButton`来访问这个按钮元素，并读取它的属性。 例如，我们可以通过以下方式读取按钮的`id`属性： ``` let buttonId = this.$refs.myButton.id; ``` 同样地，我们也可以读取其他的DOM属性，比如`class`、`style`等。 需要注意的是，`$refs`只在组件渲染完成后才会填充，所以我们需要确保在访问`$refs`之前，组件已经被渲染。 这样，我们就可以轻松地读取和操作DOM元素的属性了。

6 浏览
0 Comments

VueJS读取DOM属性 在VueJS中，我们可以使用`this.$refs`来访问DOM元素的属性。`$refs`是一个对象，它包含了通过`ref`属性引用的所有DOM元素。 例如，我们有一个按钮元素，并给它添加了一个`ref`属性： ``` ``` 在Vue实例中，我们可以使用`this.$refs.myButton`来访问这个按钮元素，并读取它的属性。 例如，我们可以通过以下方式读取按钮的`id`属性： ``` let buttonId = this.$refs.myButton.id; ``` 同样地，我们也可以读取其他的DOM属性，比如`class`、`style`等。 需要注意的是，`$refs`只在组件渲染完成后才会填充，所以我们需要确保在访问`$refs`之前，组件已经被渲染。 这样，我们就可以轻松地读取和操作DOM元素的属性了。

我想在按钮点击事件中获取href属性。


    
    获取数据

Main.JS文件

new Vue({
el: 'body',
methods: {
    func: function (event) {
        element = event.target;
        console.log(element); // 输出：选择span|i|a元素
        href = element.getAttribute('href');
    },
}
});

目标事件不是选择一个元素，而是选择被点击的元素。

0