一、基本用法
你可以用 v-model 指令在表單 及 元素上建立雙向資料繫結。
但 v-model 本質上不過是語法糖。它負責監聽使用者的輸入事件以更新資料,並對一些極端場景進行一些特殊處理。
v-model 會忽略所有表單元素的 value、checked、selected 特性的初始值而總是將 vue 例項的資料作為資料**。你應該通過 j**ascript 在元件的 data 選項中宣告初始值。
一組**,看完text、textarea、radio、checkbox、select的基本用法:
} 程式設計客棧t;}
單選按鈕
男女
跑步爬山&程式設計客棧lt;/label>
滑雪請選擇
html
js">j**ascript
css}
var app7 = new vue(,,]
}});
二、值繫結
單選按鈕、核取方塊和選擇列表在單獨使用或單選的模式下, v-model 繫結的值是乙個靜態字串或布林值, 但在業務中,有時需要繫結乙個動態的資料, 這時可以用v-bind 來實現。
一組**,看完表單常用radio、checkbox、select的值繫結:
單選按鈕
} }
核取方塊} }
} 123
}var app8 = new vue(
});三、修飾符
與事件的修飾符類似, v-model 也有修飾符,用於控制資料同步的時機。
一組**,看完常用修飾符lazy、number、trim
} }
} var app9 = new vue(
});總結
本文標題: 詳解vue表單——小白速看
本文位址:
MYSQL小白速懂
2.懶人版搭建方法 mysql的使用 sql如何被利用 所開放服務可在cmd中使用net start檢視已經開放的服務 在使用mysql的時候,需要先進行啟動,當然你也可以設定為開機自動啟動,使用,命令行為net start mysql,關閉的命令列net stop mysql然後我們需要進行資料庫...
雲速建站 雲速建站 小白的建站之路
作為乙個建站小白,在初次體驗華為雲建站平台,感覺特別好用,由於我截圖建站時還未確定具體 宣傳素材,故未具體細化,特整理具體流程給大家分享來學習下 1 搭建流程簡介 2 使用華為雲服務 雲速建站產品 彈性雲伺服器ecs 彈性公網ip等 網域名稱的備案等等。3 具體操作流程 網域名稱註冊及配置 對於需要...
詳解Vue自定義指令(小白入門)
使用過v show,v if,v for等等的指令都可以感覺指令的好處,那麼我接下來介紹一下如果自己做乙個指令。指令的註冊分為全域性的註冊,區域性的註冊。然後指令內部存在一些生命週期供我們進行呼叫。逆戰疫情 全域性註冊 vue.directive 指令名 區域性註冊 vue例項 newvue 宣告指...