乐趣区

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

退出移动版