ElementUI中checkbox v-model綁定值為布爾、字符串或數字類型

這篇博客介紹了在Vue.js中使用El-Checkbox組件時,如何設置和處理`v-model`的布爾值和類型轉換。通過示例代碼展示了如何設置`true-label`和`false-label`屬性來改變選中狀態的值,適用于需要特定類型(如字符串或整數)的場景。

?v-model不能直接寫正則表達式
比如:
let grpItemsItem={itemStatus:0};
v-model="grpItemsItem.itemStatus==0 ? false : true"
打印grpItemsItem對象的結果是:itemStatus==0 ? false : true

正確使用方式如下,

<template><!-- `checked` 為 true 或 false --><el-checkbox v-model="checked">備選項</el-checkbox>
</template>
<script>export default {data() {return {checked: true};}};
</script>

字符串

<el-checkbox v-model='checked' true-label='1' false-label='0'>備選項</el-checkbox>

int類型

 <el-checkbox v-model='checked' :true-label=1 :false-label=0>備選項</el-checkbox>

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/web/76610.shtml
繁體地址,請注明出處:http://hk.pswp.cn/web/76610.shtml
英文地址,請注明出處:http://en.pswp.cn/web/76610.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

JBoss 項目修復筆記:繞開 iframe 安全問題,JSF 與 Angular 最小代價共存方案

JBoss 項目修復筆記&#xff1a;繞開 iframe 安全問題&#xff0c;JSF 與 Angular 最小代價共存方案 本篇筆記銜接的內容為&#xff1a;JBoss WildFly 本地開發環境完全指南&#xff0c;里面簡單的描述了一下怎么配置 docker&#xff0c;在本地啟動一個可以運行的 JBoss 和 W…

Linux文件時間戳詳解:Access、Modify、Change時間的區別與作用

在 Linux 系統中&#xff0c;文件的這三個時間戳&#xff08;Access、Modify、Change&#xff09;分別表示不同的文件狀態變更時間&#xff0c;具體含義如下&#xff1a; 1. Access Time (Access) 含義&#xff1a;文件最后一次被訪問的時間&#xff08;讀取內容或執行&#xf…

SpringBoot項目打包為window安裝包

SpringBoot項目打包為window安裝包 通過jpackage及maven插件的方式將springboot項目打包為exe或msi pom.xml 添加插件 <plugin><groupId>org.codehaus.mojo</groupId><artifactId>exec-maven-plugin</artifactId><version>3.1.0</vers…

pip永久換鏡像地址

要將 pip 永久設置為阿里云鏡像源&#xff0c;可以通過修改 pip 的全局配置文件來實現。以下是具體步驟&#xff1a; 步驟 1&#xff1a;創建或修改 pip 配置文件 根據你的操作系統&#xff0c;配置文件的路徑略有不同&#xff1a; Linux/macOS 配置文件路徑&#xff1a;~/.…

PI0 Openpi 部署(僅測試虛擬環境)

https://github.com/Physical-Intelligence/openpi/tree/main 我使用4070tisuper, 14900k,完全使用官方默認設置&#xff0c;沒有出現其他問題。 目前只對examples/aloha_sim進行測試&#xff0c;使用docker進行部署, 默認使用pi0_aloha_sim模型(但是文檔上沒找到對應的&…

XAttention

XAttention: Block Sparse Attention with Antidiagonal Scoring 革新Transformer推理的高效注意力機制資源?? ??論文鏈接??&#xff1a;XAttention: Block Sparse Attention with Antidiagonal Scoring ??代碼開源??&#xff1a;GitHub倉庫 XAttention是韓松團隊提…

前端中的浮動、定位與布局

在前端開發中&#xff0c;布局是構建網頁結構的基礎。而浮動&#xff08;float&#xff09;、定位&#xff08;position&#xff09;以及各種布局方法則是實現網頁布局的關鍵工具。 一、浮動&#xff08;Float&#xff09; 浮動是CSS中用于控制元素在頁面中排列方式的一種屬性…

Linux 動、靜態庫的實現

前言&#xff1a;當我們寫了一段代碼實現了一個方法&#xff0c;如果我們不想把方法的實現過程暴露給別人看&#xff0c;可以把代碼打包成一個庫&#xff0c;其中形成后綴為.a的是靜態庫&#xff0c;后綴為.so的為動態庫&#xff1b;當別人想使用你的方法時&#xff0c;把打包好…

ubuntu--字體設置

樣式和字體大小 在終端右鍵-->選擇"Preferences"-->勾選"Custom font": 選擇自己喜歡的樣式&#xff0c;然后通過size滑動條調整字體大小&#xff0c;選擇即可&#xff1a;

Qt核心知識總結

Qt核心知識總結 Qt 是一個功能強大、跨平臺的 C 應用程序開發框架&#xff0c;廣泛應用于圖形用戶界面&#xff08;GUI&#xff09;應用程序的開發&#xff0c;同時也支持非 GUI 應用程序的開發。本文將從入門到精通的角度&#xff0c;詳細解析 Qt 的核心知識點&#xff0c;幫…

Linux 進程概念補充 (自用)

進程概念 內核進程進程狀態內存泄漏進程調度。Linux真實調度算法環境變量 內核 狹義上的操作系統指的是 內核就是進程管理進程調度&#xff0c;文件系統等等。 廣義上的操作系統其實在外殼指令這些。封裝了系統調用的東西。 進程 課本概念程序的一個基本實例 內核觀點&#…

【dify實戰】agent結合deepseek實現基于自然語言的數據庫問答、Echarts可視化展示、Excel報表下載

使用dify agent實現數據庫智能問答&#xff0c;echarts可視化展示&#xff0c;excel報表下載 觀看視頻&#xff0c;您將學會 在dify下如何快速的構建一個agent&#xff0c;來完成數據分析工作&#xff1b;如何在AI的回復中展示可視化的圖表&#xff1b;如何在AI 的回復中加入E…

macos下 ~/.zshrc~ 和 ~/.zshrc

macos下 ~/.zshrc~ 和 ~/.zshrc ~/.zshrc通常是備份文件或臨時文件&#xff0c;可能由編輯器&#xff08;如vim&#xff09;創建&#xff0c;通常可以安全刪除&#xff0c;不會影響系統運行。 在Mac下&#xff0c;這種帶~后綴的備份文件通常是由以下情況產生&#xff1a; 常…

位運算---總結

位運算 基礎 1. & 運算符 : 有 0 就是 0 2. | 運算符 : 有 1 就是 1 3. ^ 運算符 : 相同為0 相異為1 and 無進位相加位運算的優選級 不用在意優先級,能加括號就加括號給一個數 n ,確定它的二進制位中第 x 位是 0 還是 1? 規定: 題中所說的第x位指:int 在32位機器下4個…

Java SpringBoot的自定義配置

一&#xff0c;一個類多個屬性的情況 application.properties配置文件寫法 my.config.ip127.0.0.1 my.config.port8080自定義配置類&#xff1a;MyTestConfig import org.slf4j.Logger; import org.slf4j.LoggerFactory; import org.springframework.boot.context.properties…

Matlab FCM模糊聚類

1、內容簡介 Matlab 211-FCM模糊聚類 可以交流、咨詢、答疑 2、內容說明 略 3、仿真分析 略 4、參考論文 略

C++項目 —— 基于多設計模式下的同步異步日志系統(4)(雙緩沖區異步任務處理器(AsyncLooper)設計)

C項目 —— 基于多設計模式下的同步&異步日志系統&#xff08;4&#xff09;&#xff08;雙緩沖區異步任務處理器&#xff08;AsyncLooper&#xff09;設計&#xff09; 異步線程什么是異步線程&#xff1f;C 異步線程簡單例子代碼解釋程序輸出關鍵點總結擴展&#xff1a;使…

C# 使用 BinaryFormatter 和相關類型時的反序列化風險

C# 使用 BinaryFormatter 和相關類型時的反序列化風險 由來&#xff1a;在項目使用.NET Reactor 混淆 C# 的序列化和反序列化發現存在的問題&#xff0c;讀取文件時&#xff0c;轉化為對應的類數據有時候為空&#xff0c;所以就在網上搜索了相關知識&#xff0c;在此做個筆記以…

OpenCv高階(四)——角點檢測

一、角點檢測 在計算機視覺中&#xff0c;角點檢測是識別圖像中局部區域&#xff08;角點&#xff09;的關鍵技術&#xff0c;這些區域通常是兩條或多條邊緣的交點&#xff0c;具有豐富的結構信息&#xff0c;常用于圖像匹配、跟蹤、三維重建等任務。 Harris角點檢測算法是一…

Conda 入門指令教程

Conda 入門指令教程 Conda 是一個強大的包和環境管理工具&#xff0c;廣泛應用于數據科學和機器學習項目中。本文將介紹 Conda 的常用指令&#xff0c;幫助你快速上手。 1. Conda 基礎操作 查看 Conda 版本 conda --version顯示當前安裝的 Conda 版本。 更新 Conda conda…