zx960103的博客

import Vue from 'vue'// 调用时直接在input或textarea标签上添加v-focus指令Vue.directive('focus', { //全局注册自定义指令 inserted (el) { if (['INPUT', 'TEXTAREA'].indexOf(el.tagName) !== -1) { el.focus() } else { let node = el.querySelector('input') .

以下是setting.json配置{ //主题设置 "workbench.colorTheme": "Monokai", // 默认编辑器字号 "editor.fontSize": 14, //是否自动换行 "editor.wordWrap": "on", // tab几个缩进 "editor.tabSize": 2, // 文件自动保存 "files.autoSave": "afterDelay", ...

// 全局指令：背景色就会随机变:在任何组件内都可以使用Vue.directive("bgc", { // 使用时给标签添加v-bgc就可以了 inserted(el) { let a = () => Math.floor(Math.random() * 256); el.style.backgroundColor = `rgb(${a()},${a()},${a()})`; // 拓展：给dom注册事件 },});// 拿走直接在脚手架中用...

// 哪个盒子需要移动给哪个盒子的标签添加v-moveVue.directive("move", { // inserted指令所在标签,被插入网页就触发 inserted(el) { // el是需要拖动盒子的标签 let father = el.parentNode; // 获取当前页面宽度减去盒子宽高度 let mx_ = father.offsetWidth - el.offsetWidth; let my_ = father.offsetHeig.