<
!doctype html>
"utf-8"
>
"x-ua-compatible" content=
"ie=edge"
>
<
/title>
"description" content=
"">
"viewport" content=
"width=device-width, initial-scale=1"
>
"stylesheet" href=
"">
"vue/vue.js"
>
<
/script>
<
/head>
>
"">
<
!-- 單行文字框操作方法 --
>
姓名：<
/span>
"text" v-model =
'uname'
>
<
/span>
<
/div>
<
!-- 單選框操作方法 --
>
性別:<
/span>
"radio" id=
"boy" value=
"1" v-model =
'gender'
>
="boy"
>男<
/label>
"radio" id=
"gril" value=
"2" v-model =
'gender'
>
="gril"
>女<
/label>
<
/span>
<
/div>
<
!-- 多選框操作方法 --
>
愛好：<
/span>
"checkbox" id=
"lanqiu" value=
"1" v-model =
'habby'
>
"lanqiu"
>籃球<
/label>
"checkbox" id=
"足球" value=
"2" v-model =
'habby'
>
"zuqiu"
>足球<
/label>
"checkbox" id=
"shuqiu" value=
"3" v-model =
'habby'
>
"輸球"
>籃球<
/label>
<
/span>
<
/div>
職業：<
/span>
'occupation'
>
"0">請選擇職業<
/option>
"1">教師<
/option>
"2">司機<
/option>
"3">程式猿<
/option>
"4">銷售<
/option>
"5">幼師<
/option>
<
/select>
<
/div>
自我介紹：<
/span>
'desc'
>
<
/textarea>
<
/div>
"submit" value=
"提交" v-on:click.prevent=
"handle"
>
<
/div>
<
/form>
<
/div>
<
!-- 表單的修飾符
number ：轉數值
lazy：失去焦點時觸發
trim：清除前後空格
使用方法：《標籤 v-model.表單修飾符 =
''>
<
/標籤》
-->
newvue(,
methods:}}
)<
/script>
<
/body>
<
/html>
vue筆記 表單修飾符
lazy 在預設情況下，v model在input事件中同步輸入框的值與資料，但你可以新增乙個修飾符lazy,從而轉變為在change事件中同步。在change而不是input事件中更新 number 如果像自動將使用者的輸入值轉為number型別 如果原值的轉換結果為nan則返回原值 可以新增乙個...
vue修飾符與事件修飾符
前言 在乙個控制項中使用修飾符 可以對控制項或操作做出一定的改變或者約束 修飾符作用 lazy v model在input事件秀實況中轉變為在change事件中同步 number 將使用者舒服的值轉換為number型別 trim 自動過濾使用者輸入的首尾空格 stop 阻止冒泡 prevent 阻止...
基本修飾符
const是乙個c語言的關鍵字，它限定乙個變數不允許被改變。使用const在一定程度上可以提高程式的安全性和可靠性。百科 int const a，int const a，const int a const 屬於修飾符 關鍵是看const 修飾的位置在那裡。1 int const a，這裡的const...