joylink/rt-sim-training-client
6
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

调整focus 自定义指令

Browse Source
This commit is contained in:
zyy 2020-05-27 11:15:17 +08:00
parent 64256f5982
commit a585fecf3b
1 changed files with 19 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
src/directive/focus/focus.js
View File

@ -1,18 +1,21 @@
export default { export default {
// 当被绑定的元素插入到 DOM 中时 // 当被绑定的元素插入到 DOM 中时
inserted: function (el, obj) { inserted: function (el, obj) {
// 这是需要页面刚加载就能进行聚焦操作使用的钩子函数,可以省略的，视具体需求而定 // 这是需要页面刚加载就能进行聚焦操作使用的钩子函数,可以省略的，视具体需求而定
// 对值进行判断 // 对值进行判断
if (obj.value) { const dom = el.querySelector('input') || el.querySelector('textarea');
// 聚焦元素 dom.focus();
el.focus(); // el.focus();
} // if (obj.value) {
}, // // 聚焦元素
// 当指令所在组件的 VNode 及其子 VNode 全部更新后调用 // el.focus();
// 这是每当绑定的值发生改变时触发的钩子函数 // }
componentUpdated: function (el, obj) { },
if (obj.value) { // 当指令所在组件的 VNode 及其子 VNode 全部更新后调用
el.focus(); // 这是每当绑定的值发生改变时触发的钩子函数
} componentUpdated: function (el, obj) {
} if (obj.value) {
el.focus();
}
}
}; };