05 2020 档案
摘要：一、为什么使用mockjs 使用mockjs模拟后端接口，拦截 Ajax 请求，随机生成所需数据。官网地址 在已有接口文档的情况下，我们可以直接按照接口文档来开发，将相应的字段写好，在接口完成之后，只需要改变url地址即可 二、mock优点 1.前后端分离 2.可随机生成大量的数据 3.用法简单 4
阅读全文
摘要：什么是插槽？ 插槽就是子组件中的提供给父组件使用的一个占位符，用<slot></slot> 表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的<slot></slot>标签。 如下代码： 1. 在子组件中放一个占位符 2. 在父组件中给这个占位符填充内容：
阅读全文
摘要：需求：下图div用v-for做了列表循环，现在想要span也一起循环，应该怎么做？ 有3种方法可以实现 ①：直接用v-for对span也循环一次（该方法虽然可以使用，但不要用这种方式，因为以后你会哭） ②：在div和span外面包裹一个div，给这个div加循环（该方法会额外增加一个多余的div标签
阅读全文
摘要：<ul @click ="clickfun($event)"> <li></li></ul> methods: { clickfun(e) { e.target //是你当前点击的元素 e.currentTarget //是你绑定事件的元素 //获得点击元素的前一个元素 e.currentTarge
阅读全文
摘要：页面中多次弹出message框，客户体验度非常不好。 main.js中 重写$message方法 import ElementUI, { Message } from 'element-ui' // 为了实现Class的私有属性 const showMessage = Symbol('showMes
阅读全文
摘要：左侧菜单栏时，发现点击路由跳转相同地址会有这个报错 Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated"} router.js(或者router文
阅读全文
摘要：在Vue中要给input设置焦点，需要注册自定义指令。 main.js中 Vue.directive('focus', function (el, option) { var defClass = 'el-input', defTag = 'input'; var value = option.va
阅读全文
摘要：页面第一行就报错。 打开文件--首选项--设置中搜索Vetur，拉到最底部，把这三块的勾去掉。（如果只去除最后一个，或者只在setting.json中增加"vetur.validation.template": false，则问题还是存在） 重新打开页面，显示正常。
阅读全文
摘要：Vue.prototype 官网地址 如果需要设置全局变量，在main.js中，Vue实例化的代码里添加。 不想污染全局作用域。这种情况下，你可以通过在原型上定义它们使其在每个 Vue 的实例中可用。 Vue.prototype.$appName = ‘My App’ 这样 $appName 就在所
阅读全文
摘要：原文地址：https://segmentfault.com/a/1190000021764276 亲测有效，下面是原文。 这款工具是一个VSCode的扩展库。先通过VSCode市场搜寻Autodesk Forge Tool,然后安装。 安装成功后，左边侧的菜单栏会出现一个Forge的菜单：先不要点击
阅读全文
