vue怎么获取option的自定义属性

假设有一个标签h5, 我们给它添加了一个自定义属性值，（itemid是从动态添加的）

点击h5 标签，如何才能获取当前对应的自定义属性值呢？

想当然的我最开始这样写：

<h5 class="left t-title" @click='getDataId' :data-id="itemid"></h5><script>

methods: {

getDataId() { consolelog(thisdata-id);

}

},

</script>

显然，这样是拿不到 data-id的值的。。。。

应该这样做：

<h5 class="left t-title" @click='getDataId(itemid)' :data-id="itemid"></h5><script>

methods: {

getDataId(id) { consolelog(id);

}

},

</script>

你是拿哪个变量接收的返回数据

比如如果你使用变量叫res接收的的话，如果向获取里面的pid的话，针对这条数据，就是

resdata[0]pid

因为data是个数组，虽然这里面只有一个元素

vueinput输入框变为红色解决方法如下。

1、首先是在vueinput获取id，然后改变属性，此种方式比较适合少量的确定的div或其他类型。

2、接着通过v-bind切换class，bool[index]为true则开启class，结合v-for，可以变为正常。

以上就是关于vue怎么获取option的自定义属性全部的内容，包括:vue怎么获取option的自定义属性、接口返回这样的数据，vue如何获取data中的数据、vueinput输入框变为红色等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！