常見的表單元素:
input
單行文字,textarea
多行文字,select
下拉多選,radio
單選框,checkbox
多選框
1、 兩個單選框需要同時通過v-model
雙向繫結 乙個值2、 每乙個單選框必須要有value屬性 且value 值不能一樣
3、 當某乙個單選框選中的時候 v-model 會將當前的 value值 改變 data 中的 資料
1、 核取方塊需要同時通過v-model
雙向繫結 乙個值2、 每乙個核取方塊必須要有value屬性 且value 值不能一樣
3、 當某乙個單選框選中的時候 v-model 會將當前的 value值 改變 data 中的 資料
1、 需要給select 通過v-model
雙向繫結 乙個值2、 每乙個option 必須要有value屬性 且value 值不能一樣
3、 當某乙個option選中的時候 v-model 會將當前的 value值 改變 data 中的 資料
通過v-model
繫結乙個值
number
:轉化為數值
trim
:去前後空格
lazy
:將input事件切換change事件
vue.
directive
('focus'
})
自定義指令中如何攜帶引數
computed:
}
計算屬性基於它們的依賴(資料)進行快取的 方法不存在快取
格式化資料,比如將字串格式化為首字母大寫,將日期格式化為指定格式等
vue.
filter
('過濾器名稱'
,function
(value)
)
} :id=「id | 過濾器名」
filter:
}
vue.
filter
('format'
,function
(value,arg1)
)//使用:
}
用於資料變化時執行非同步或開銷較大的操作
watch:
, lastname:
function
(val)
}
Vue基礎 Vue常用特性
1 常用特性概述 表單操作 自定義指令 計算屬性 過濾器偵聽器 生命週期 2 表單操作 基於vue的表單操作 input 單行文字 textarea 多行文字 select 下拉選擇框 radio 單選框 checkbox 多選框 表單域修飾符 number 轉化為數值 trim 去掉開始和結尾的空...
vue常用特性
vue.directive focus 用的話加上v focusvue.directive color 用的話加上v focus text v color 計算屬性是基於他們的依賴的資料進行快取的,如果資料不發生變化,用的是第一次計算的快取結果,方法是呼叫就執行。資料變化,會觸發方法,資料變化時執行...
Vue常用特性
1.單選框操作 男男女女男女 2.核取方塊操作 我們如法炮製寫一下核取方塊 打球敲 學習 3.表單修飾符 number 修飾符 type number 是html 表單自帶的屬性 在表面上一看其實加不加number都無所謂,其實在獲取表單value 時我們獲取的都是字串型別,加上了.number會自...