vue v-model使用0和1 控制开关按钮（有用）

问题背景：
status是从后端获取到的值，其取值情况有两种：0、1
要使用status控制开关

v-model，不能使用表达式，不能使用三目运算符控制开关

v-model="status===1?true:false" //这种写法是错的

可使用属性绑定来控制

v-model="status"
:active-value="1"//注意，不加冒号是无法正常控制开关
:inactive-value="0"

注意当绑定的值为string类型时，要再加单引号:active-value=" ‘1’ "

vue v-model使用0和1 控制开关按钮（有用）相关推荐

vue引入全局less实现全局变量的控制
vue引入全局less 1.设置全局样式变量的好处: 2.以less为例(sass等同原理) 1.vue-cli2搭建的项目(1) 2.vue-cli2搭建的项目(2) 3.vue-cli3.vue- ...
vue -V 执行失败檔案名稱、目錄名稱或磁碟區標籤語法錯誤。
vue -V 执行失败提示 :檔案名稱.目錄名稱或磁碟區標籤語法錯誤. 安装 @Vue/cli 流程 yarn global add @vue/cli yarn global v1.22.10 [1 ...
vue 画布插件_一个Vue.js插件，用于使用EaselJS控制HTML5画布
vue 画布插件 vue-easeljs (vue-easeljs) A Vue.js plugin to control an HTML5 canvas using EaselJS. 一个Vue.j ...
Centos containerd和kubernetes v 1.24.0部署
containerd和kubernetes v 1.24.0 install method 1.24版本包含2项重要变更: 1,移除Dockershim 2,默认关闭各Beta APIs Centos ...
创建VUE项目，vue-cli2.0版本和3.0版本的区别，将vue2.0项目升级为vue3.0项目
创建VUE项目,vue-cli2.0版本和3.0版本的区别,将vue2.0项目升级为vue3.0项目使用vue-cli2.0版本创建vue项目创建前的准备开始创建创建过程项目正常创建使用v ...
Android APK+Dex文件反编译及回编译工具 v.1.8.0 测试版
可显示APK文件自身图标 _______________________________________________________________________________________ ...
vue cli创建vue3.0项目步骤
1.安装node.js(node.js下载地址) 2. 全局安装vue-cli最新版本 npm install -g @vue/cli 安装成功后,可以通过 vue -V 查看下载的@vue/cli版 ...
Vue开发规范1.0
2019独角兽企业重金招聘Python工程师标准>>> VUE开发规范-V1.0 前提条件开发环境:Node 开发工具:推荐 WebStorm 同步工具:Git 推荐开发插件 es ...
[vue] 你期待vue3.0有什么功能或者改进的地方？
[vue] 你期待vue3.0有什么功能或者改进的地方? 用尤大的话说就是各种速度提升n倍.我希望在依赖node_modules能够做出调整,文件数目太多,开启项目每次都要下载个人简介我是歌谣,欢 ...

vue v-model使用0和1 控制开关按钮（有用）

vue v-model使用0和1 控制开关按钮（有用）相关推荐

最新文章

热门文章