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