关于vue.js:vueelement使用switch四

vue+element应用switch四

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