element保存tabs的状态,以及初始化默认值的思路


第一种,每次打开选项卡时,默认选中第一个

      <!-- 选项卡 -->
      <el-tabs  v-model="activeName" type="card" @tab-click="handleClick" >
              <el-tab-pane label="产品信息" name="first"> </el-tab-pane>
               <el-tab-pane label="产品图片" name="second"> </el-tab-pane>
      </el-tabs>

data中定义activeName,存在每次切换的状态

在编辑对话框弹出之前,this.activeName="first"

第二种,保留上一次打开选项卡的状态,重新请求里面的内容

      //判断打开的选项卡,请求对应的数据,
      console.log("对话框展开的内容"+this.activeName)
      if (this.activeName === "first") {
        //打开的是第一个选项卡
      } else if (this.activeName === "second") {
        //打开的是第二个选项卡
        //根据产品的ID,请求对应的图片地址数组
        await this.getImageByProductId()
      } else if (this.activeName ==="third") {
        //打开的是第三个选项卡
        //获取所有的文件信息
        await this.GetFileByProductId()
      }
      //展开对话框
      this.editProductDialogVisible = true


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM