zoukankan      html  css  js  c++  java
  • vue横着TAB切换

    <div class="proDdescripton">
    <p @click="tabChange(index)" v-for="(item,index) in tabArray" :key="index"><span :class="{'active': isActive === index}">{{item}}</span></p>
    </div>
    <div class="proDdescriptonInfo">
    <!--概述-->
    <!--参数-->
    <div class="tabContent" v-show="isActive === 0"><img v-lazy="'http://tianyi.zhongkakeji.com/media/' + detail.detail_info" alt="" class="introPro"></div>
    <div class="tabContent" v-show="isActive === 1"><img v-lazy="'http://tianyi.zhongkakeji.com/media/' + detail.parameter_image" alt="" class="introPro"></div>
    </div>


    data () {
    return {
    tabArray:['概 述','参数'],
    sildeList: [],
    }
    },


    tabChange (index) {
    this.isActive = index

    },



  • 相关阅读:
    Windows XP中万能断点
    c#运算符 ?
    转神秘的程序员
    经典解决“线程间操作无效
    文件上传
    dowload.aspx
    mail
    js 正则
    新年快乐
    DataTable Compute
  • 原文地址:https://www.cnblogs.com/chengyalin/p/9159129.html
Copyright © 2011-2022 走看看