CSS 点击绑定样式

冷不防 2023-05-29 02:27 85阅读 0赞

CSS 点击绑定样式

  1. <view style="text-align: center;display: inline;" v-for="(tag,tagNum) in tagList" :key="tagNum">
  2.     <text class="tag" :class="{tagActive : tagNum == num}" @click="tag(tagNum)">{
  3.    {tag}}</text>
  4. </view>
  7. //JS部分
  8. data(){
  9.     return{
  10.         num : 0
  11.     }
  12. },
  13. methods:{
  14.     tag(tagNum){
  15.         this.num = tagNum
  16.     }
  17. }

发表评论

表情：
评论列表 （有 0 条评论，85人围观）

还没有评论，来说两句吧...

相关阅读

    相关 动态绑定按钮点击事件

    在做asp.net网站时对表格数据（操作列）进行操作（编辑和添加），制作的弹出框一模一样，只是单击事件执行代码不一样，为了不重新制作窗体，只能动态改变a标签事件。

    矫情吗；*矫情吗；*/ 0 赞/ 393 阅读

    相关 VUE 样式绑定

    操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以用 v-bind 处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串拼接

    蔚落蔚落/ 0 赞/ 461 阅读