vue Input
vue Input 默认选中以及手写获取焦点指令双向绑定v-model="createName"获取焦点指令import Vuefrom 'vue'Vue.directive('focus', {// 当绑定元素插入到 DOM 中。inserted: function (el) {// 聚焦元素el.focus()},//也可以用
·
vue Input 默认选中以及手写获取焦点指令
<input type="text" autofocus="autofocus" @focus="focus($event)" v-model="createName" v-focus>
双向绑定
v-model="createName"
获取焦点指令
import
Vue
from
'vue'
Vue.
directive(
'focus', {
// 当绑定元素插入到 DOM 中。
inserted:
function (
el) {
// 聚焦元素
el.
focus()
},
//也可以用update,update就是当页面有操作的时候就触发,比如点击按钮,输入框输入都算。
//有一个要注意的就是,就是你页面有几个input,比如一个input绑定了v-focus,一个没有绑定。你在没绑定v-focus的input输入时,绑定了v-focus的input就是自动获取焦点,这是个bug.
//update: function (el) {
//el.focus()
//}
});
默认选中
focus:
function(
event){
event.
currentTarget.
select();
}
更多推荐
已为社区贡献1条内容
所有评论(0)