我用的wepy框架开发微信小程序,有双向数据绑定就不需要对dom节点进行操作了。只需要用data-绑定变量就行了。
效果图:(在原来的 class上追加样式,默认第一个被选中)
<template>
<div class="goods-function">
<div class="size-title">尺寸:</div>
<div class="size-num" v-for="size,index in GoodsDatas.itemParams.size">
<div class="size-content {{num == index?'size-active':''}}" data-num="index" @tap="changeSize(index)">
{{size}}
</div>
</div>
</div>
</template>
<script>
import wepy from '@wepy/core'
wepy.page({
data: {
num: 0
},
methods: {
changeSize(index){
this.num = index;
}
}
</script>