关于vue.js:vueelement使用switch四

48次阅读

共计 659 个字符，预计需要花费 2 分钟才能阅读完成。

1. 开发环境 vue+element
2. 电脑系统 windows 10 专业版
3. 在开发的过程中, 咱们常常会应用到 element 中的 switch 开关! 我来分享以下应用办法。
3-1: 要实现上面的成果:

// 办法如下:
3-2: 在 template 中增加如下代码:

         <el-table-column label="停机辨别" align="center" >
            <template slot-scope="scope">
              <el-switch
                v-model="scope.row.isDown"
                active-value="0"
                inactive-value="1"
                disabled
              ></el-switch>
            </template>
            </el-table-column>
          <el-table-column label="更换辨别" align="center">
            <template slot-scope="scope">
              <el-switch
                v-model="scope.row.isReplace"
                active-value="0"
                inactive-value="1"
                disabled
              ></el-switch>
            </template>
          </el-table-column>
          
          // 备注: scope.row.isDown 和 scope.row.isReplace 是来自后盾的数据,0 示意开启状态 ,1 示意敞开状态!

4. 本期的教程到了这里就完结啦, 心愿对你有所帮忙! 是不是很简略! 既然咱们抉择了这个畛域就不要认输, 不要抬头让咱们一起致力走向巅峰!

正文完