以下代码请自行c,v到编辑器打开(相关js文件请自行引入)
<!DOCTYPE html
>
<html lang
="en">
<head
>
<meta charset
="UTF-8">
<meta name
="viewport" content
="width=device-width, initial-scale=1.0">
<title
>Document
</title
>
<script src
="./vue.js"></script
>
</head
>
<body
>
<div id
="app">
<!-- s使用自定义全局指令
-->
<input type
="text" v
-focus
>
<hr
>
<!-- 自定义局部指令
-->
<input type
="text" v
-focus
>
</div
>
<script type
="text/javascript">
Vue
.directive('focus', {
inserted
: function(el
) {
el
.focus()
}
})
var vm
= new Vue({
el
: '#app',
data
: {
},
methods
: {
},
directives
: {
focus
: {
inserted
: function(el
) {
el
.focus()
}
}
}
})
</script
>
</body
>
</html
>
错误之处,还请赐教
Processed:
0.045, SQL:
12
