工作150:1、根据后台传值动态显示开关状态及文字说明（0为文字，1为图标）

实施方法

Swich默认是boolean类型，而后台传值为number类型，这个时候我们需要用number来取代boolean类型；

 <template slot-scope="scope"><el-switch v-model="state"on-value="1"off-value="0"on-text="文字"off-text="图标"off-color="#20a0ff"@change="changeStatus($event,scope.row)"></el-switch>
</template>

请注意以面的写法，on-value和off-value的值分别是字符串的1和2,如果你赋值为数字类型的 1 或 2是无法正常工作的，若赋值为数值类型，需这样写：

 <template slot-scope="scope"><el-switch v-model="state":on-value="1":off-value="0"on-text="文字"off-text="图标"off-color="#20a0ff"@change="changeStatus($event,scope.row)"></el-switch>
</template>

我们使用绑定的方式，同时@change可以传值$event就是switch的当条信息值，或者直接获取绑定的model值state，scope.row为参数，还可以再添加index表示当前列表的序号。
注：改变状态时要注意返回的状态根据状态来选择相应的写法

工作150:1、根据后台传值动态显示开关状态及文字说明（0为文字，1为图标）相关推荐

ASP.NET MVC 后台传值前端乱码解决方案富文本Ueditor编辑
只是将当前内容String当成Html插入,我想是跟数据类型转换差不多 //把内容赋值给ueditorvar ue = UE.getEditor('editor');//实例化ue.ready(fun ...
多选框向后台传值，多选框的回显，对多选框的各种操作
1.多选框的回显: js:$( function(){ var checkBoxAll =$("input[name^='checkbox_']");//获取前缀为 ...
springMVC：后台传值并返回页面
java后台传值:request.setAttribute("msg","成功!!"); jsp页面可以通过EL表达式获取到request中设置的属性值:< ...
后台控制游戏开关_今天购买这些开关游戏
后台控制游戏开关 There's always seems to be something on sale in the Nintendo Switch eShop. Unfortunately, u ...
工作之中总有几日不在状态_你是怎样度过的？
今天中午吃中午饭的时候,我问了一个同事:你有没这样的经历,就是在工作的过程中,有时候总有几天自己老是不在在状态,做什么事的是时候,老是不爽,工作没有动力... 同事的回答是:有啊,一个月总有那么几天 ...
elementUI switch 开关状态更新到数据库
配合 slot-scope 作用域插槽使用 scope.row 可以获取当前所在行的每项数据 1.监听 switch 开关的 change事件拿到最新状态 2.发送请求调用接口同步数据 ...
iOS app处于后台/被杀死的状态仍可进行语言播报（iOS12.1以上在后台或者被杀死无法语音播报的解决方案）【适配iOS15的本地通知功能】
文章目录前言 I iOS App处于后台/被杀死的状态仍可进行语言播报的实现 II 验证测试 2.1 测试工具 2.2 测试报文 2.3 测试方法 III 消息推送进阶指南:对即时性和送达率有要求的 ...
matlab开关状态检测,MATLAB直接转矩控制开关状态的选择实现
M A T LAB直接转矩控制开关状态的选择实现苗敬利1 刘增环1 马文辉2 1.河北工程学院 2.河北邯郸市农业学校摘要:详细论述了开关状态选择的基本原理,给出了一种基于M ATLAB的SIM ...
Android通过广播监测Wi-Fi和便携式热点开关状态
前言 Android端通过广播的形式动态监测Wi-Fi状态以及便携式热点开关状态,其中获取Wi-Fi状态很简单,网上很多示例,但是通过广播获取热点开关状态相关的资料少之又少,不过好在一个国外网站找到了 ...

工作150:1、根据后台传值动态显示开关状态及文字说明（0为文字，1为图标）

实施方法

工作150:1、根据后台传值动态显示开关状态及文字说明（0为文字，1为图标）相关推荐

最新文章

热门文章