<template>
<div>
<span class="b-span"
// v-bind:class="{ 'b-span_active' }" ???
>
</span>
</div>
</template>
<script>
export default {
name: 'name',
data () {
return {
dataTime: '300',
}
}
}
</script>
<span class="b-span" :class="{ 'b-span_active': active }">hello, world!!</span>
<button @click="onClick">click me</button>data: () => ({
active: false,
time: 300,
}),
methods: {
onClick() {
setTimeout(() => this.active = true, this.time);
},
},
некий клик
function () {
setTimeout(300, () => {
var span = document.querySelector('.b-span') // либо селектор по id
span.classList.add('b-span_active')
}
}
