南宁网站推广手段,杭州余杭区网站建设,seo流量优化,wordpress 菜单 页面跳转需求#xff1a; 页面有个input元素#xff0c;现在要鼠标光标聚焦在上面#xff0c;让每个页面上的标签都可以聚焦光标#xff0c;比如#xff0c;从A页面跳转到B页面的时候#xff0c;我们依然要聚焦。如果要一遍遍地操作dom就会很麻烦。 这个时候#xff0c;为了方便… 需求 页面有个input元素现在要鼠标光标聚焦在上面让每个页面上的标签都可以聚焦光标比如从A页面跳转到B页面的时候我们依然要聚焦。如果要一遍遍地操作dom就会很麻烦。 这个时候为了方便开发我们可以使用vue提供的自定义指令。 自定义指令有两种分为全局注册和局部注册。
1、全局注册
1.1 在main.js 中 注册
// 1、注册指令
// 1.1 全局注册
Vue.directive(focussss,{inserted(el){el.focus()}
})
1.2 使用 input v-focussss typetext refinp 2、局部注册
2.1 在当前要使用指令的主键内注册 export default {components: {},data() {return {};},computed: {},watch: {},methods: {},directives:{focusdsg:{inserted(el) {el.focus()}}}}
2.2 使用 input v-focusdsg typetext refinp
