在Vue中,獲取DOM元素的類名是一個非常常見的操作。以下是幾種獲取類名的方法。
1. 使用原生的JavaScript方法獲取類名
const element = document.getElementById('example-id'); const className = element.getAttribute('class'); console.log(className); // 輸出該元素的類名
2. 使用Vue中的$refs獲取類名
<template> <div ref="example-ref" class="example-class">Example</div> </template> <script> export default { mounted() { const element = this.$refs['example-ref']; const className = element.className; console.log(className); // 輸出該元素的類名 } } </script>
3. 使用Vue中的v-bind:class指令獲取類名
<template> <div v-bind:class="{ 'example-class': isActive }">Example</div> </template> <script> export default { data() { return { isActive: true } } } </script>
以上是三種不同的方法來獲取DOM元素的類名。你可以根據實際情況來選擇使用其中的一種。