位置: IT常识 - 正文

vue中将el-switch值true、false改为number类型的1和0(vue+ele)

编辑:rootadmin
这篇文章主要介绍了vue中将el-switch值true、false改为number类型的1和0问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教 目录

推荐整理分享vue中将el-switch值true、false改为number类型的1和0(vue+ele),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue实例对象中的el参数表示什么,vue里面的el什么意思,vue el-switch,vue里面的el什么意思,vue中$el,vue中$el,vue中的switch,vue中的switch,内容如对您有帮助,希望把文章链接给更多的朋友!

将el-switch值true、false改为number类型的1和0需求描述说明element ui中el-switch使用的坑需求说明需求描述期望结果解决方法将el-switch值true、false改为number类型的1和0需求描述

后端传回的status值为1(number类型)对应el-switch值true(打开)状态,status值为0(number类型)对应el-switch值false(关闭)状态。

<el-switch active-value="1" inactive-value="0" v-model="menuInfoForm.status"></el-switch>说明

当用如上的【active-value="1" inactive-value="0"】,此时的【active-value】值类型为string,如果要求【active-value】值类型为number时,必须在其前面加上:

<el-switch :active-value="1" :inactive-value="0" v-model="menuInfoForm.status"></el-switch>

element ui中el-switch使用的坑需求说明

1、根据后台传值动态显示开关(0为关,1为开)

vue中将el-switch值true、false改为number类型的1和0(vue+ele)

2、对开关进行操作时请求后台,需要传两个参数:id,type

需求描述

我先说我的需求,我想在列表的每一条添加多个开关,可以改当前一条数据的状态,并发送到服务端,并根据服务端返回的结果局部刷新当前页数据

期望结果

状态是后端返回给我的状态,分别是1和2,我先点击switch发送给后端这条数据的id,然后修改这一条数据的状态,而不是重新拿这个列表,如果后端返回失败的情况这个switch不做改变

解决方法

Swich默认是boolean类型,而后台传值 为number类型,这个时候我们想用number来取代boolean类型;

 <template slot-scope="scope">    <el-switch v-model="state"        active-value="1"        inactive-value="0"        active-color="#13ce66"        inactive-color="#ff4949"        @change="changeStatus($event,scope.row)"         inactive-value="2">    </el-switch></template>

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

 <template slot-scope="scope">    <el-switch v-model="state"      active-color="#13ce66"      inactive-color="#ff4949"     :active-value="1"     :inactive-value="0"     @change="changeStatus($event,scope.row)")>    </el-switch></template>

我们使用绑定的方式,同时@change可以传值$event就是switch的当条信息值,scope.row为参数,还可以再添加index表示当前列表的序号

改变状态是要注意返回的状态根据状态来选择相应的写法

以上为个人经验,希望能给大家一个参考,也希望大家多多支持本站。

本文链接地址:https://www.jiuchutong.com/zhishi/313109.html 转载请保留说明!

上一篇:总结帝国CMS在反馈信息页面调用万能标签的方法(帝国cms结合项多选)

下一篇:浅谈帝国cms框架的Webshell(帝国cms如何使用)

  • 知识产权入股需要过户给对方么
  • 董事会职权是否为强制规定
  • 出口退税货物的进项税处理
  • 银行存款支付是借还是贷
  • 一般纳税人企业所得税税率2023
  • 其他应收款怎样做平
  • 年终奖12月份计提少了
  • 资产负债表从哪里打出来的
  • 印花税的计税依据为各种应税凭证上所记载的计税金额
  • 购货方跨年红冲发票会计分录
  • 运输费发票备注栏没备注
  • 防伪税控系统中的设备包括哪些
  • 土地租赁合同要公证吗
  • 汇兑损益需要缴税吗
  • 留抵税额抵减欠税文件
  • 跨国避税
  • 建筑图纸设计费包括晒图费吗
  • 晚会主持人化妆
  • 出口企业享受增值税优惠政策
  • 事业单位的出纳要承担的责任是什么
  • 收到外币计算税款的汇率是怎么算的?
  • 企业只有收入没有支出是否违规
  • 存货盘亏计入什么科目批准后
  • 中途做账的企业如何建账
  • 固定资产改造计入什么科目
  • 返还的个税手续费奖励给个人需要缴纳个税吗
  • 集体福利是否可以抵税
  • 怎么查以前申报的财务报表
  • 应交税费进项税额在借方说明什么
  • 自产货物自用账务处理
  • Windows10如何解压rar
  • win10电源模式最佳性能多耗好多电
  • php基础入门教程
  • yolov3与yolov2
  • jquery编程
  • 未注销的坏账可以转出吗
  • 营改增建筑企业增值税
  • 萨勒克国家公园课文
  • 买汽车配件属于什么服务
  • 高价值配件用入固定资产吗
  • 计提折旧会计分录例题
  • dedecms采集怎么用
  • 应付利息如何结转
  • sql报数字溢出
  • 2020织梦建站教程全集
  • 更改增值税申报表退税在哪里退钱
  • 医院交什么保险
  • 增值税是否计入在建工程
  • 消费税是指怎样的收入
  • 企业应付账款的借方余额反映的是
  • 结账的内容和程序是什么
  • 契税是房价乘以1.5吗
  • 待抵扣进项税额分录
  • 搬迁所得
  • 不动产租赁属于什么税目
  • 接受代销货物的会计分录
  • 收付转三种凭证的限制类型
  • 其他应收款属于什么会计要素
  • 房地产开发企业成本核算方法
  • 会计科目设置的相关注意事项
  • jdbc取数据
  • window7临时文件
  • xp系统奇怪
  • win10怎么设置宽带连接上网
  • win1020h2正式版
  • wlms.exe是什么
  • linux系统的服务器,重启之后运算速度变慢
  • win8系统如何关机
  • js让按钮不能点击
  • cocos2dx 教程
  • cocos2dx怎么打开
  • js三种绑定方式
  • 第三章之一、使用二手设备降低生产成本读后感
  • jquery lt
  • unity 黑洞
  • bgm背景
  • javascript怎么做
  • jquery网页
  • 发票一年可以开多少
  • 保障性住房是否可以买卖
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设