
vue
方程式1002
这个作者很懒,什么都没留下…
展开
-
Vue.js devtool插件下载安装及后续问题解决 Vue.js is detected on this page. Open DevTools and look for the Vue pane
安装步骤下载: 下载地址打开拓展程序: 点击设置—> 更多工具 —> 拓展程序 或者 chrome://extensions/在你的入口JS文件里加上一行Vue.config.devtools = true问题: Vue.js is detected on this page. Devtools inspection is not available because it’s in production mode or explicitly disabled by the aut.原创 2021-05-12 11:40:24 · 1040 阅读 · 0 评论 -
vue-element-admin 关掉tags时,清除<keep-alive>缓存
要求: 当导航标签存在的时候, 缓存该组件,防止重复渲染DOM, 关闭tags时候 , 清除该组件缓存原创 2021-03-30 10:51:36 · 2449 阅读 · 4 评论 -
vue.js使用webpack发布,部署到服务器上之后如何在浏览器中查看到vue文件源码
webpack+vue 2.0打包发布之后,将发布的文件部署到服务器中之后,浏览器中访问的时候会出现一个webpack文件夹,里边会显示vue文件源码如果想让vue源文件显示出来,可以在config/index.js 中 build 下的 productionSourceMap: true反之, 如果为了提高代码的安全性, 需要将 productionSourceMap: false(默认为true)...原创 2021-02-25 15:18:40 · 2649 阅读 · 0 评论 -
el-tree 报错 TypeError: Cannot read property ‘setCheckedKeys‘ of undefined“
场景权限管理 , 该角色下权限菜单回填 勾选使用 this.$refs.tree.setCheckedKeys([1,3,4,5,6]) 会出现不能回填解决办法:// 错误是因为你的dom元素还没有加载完,你就想使用 setCheckedKeys 设置目前勾选的节点// Vue.nextTick([callback, context]) 解决办法 this.$nextTick(() => { this.$refs.tree.setCheckedKeys(e.defaultChe原创 2020-12-29 15:50:36 · 2454 阅读 · 0 评论 -
vue优化之CND优化
问题: vue 打包(npm run build)之后, vendor.js文件过大, 导致首页加载速度非常慢, 影响体验效果, 原因是第三方库(vue , vue-router , element-ui , axios )都打包在vendor.js 文件中解决方法使用 CND 优化CND 优化是指把第三方库(vue , vue-router , element-ui , axios )通过外链的形式引入到项目目中, 减少打包时 vendor.js 文件的体积, 以加快页面访问速度使用方法在项目原创 2020-10-29 16:14:08 · 954 阅读 · 0 评论 -
vue-cli 安转方法 和 单页面改为多页面应用 (mobile 和 pc 为例子)
vue-cli 安转方法 和 单页面改为多页面应用:使用vue-cli 搭建一个项目,(没有node.js安转node.js)全局安装Vue-cli : npm install -g vue-cli搭建项目 vue init webpack dome根据自己的需求完成操作, npm run dev 运行项目`将 vue-cli 搭建的单页面应用改为多页面应用 修改前: 修改后:文件内容修改如下开始的三张图片在 build/webpack.base.conf.j原创 2020-10-12 10:53:39 · 453 阅读 · 0 评论 -
vue 中`el-avatar` `v-img` src的加载方式
在做vue + element-ui项目时, 用到el-avatar 用绝对路径显示不出来开始代码修改后代码<!-- 正常加载 --><el-avatar :src="require('../../assets/img/tou.jpg')"></el-avatar><v-img :src="require('../../assets/logo.png')" /><!-- 正常加载 --><el-avatar src="ht原创 2020-08-06 14:41:43 · 5537 阅读 · 0 评论 -
vue -- Uncaught TypeError: Cannot set property 'innerHTML' of null
每次报错弄不出来,然后也没有管他,只是换用别的方法,这一次终于是忍不住了错误原因为document中的innerHTML为空,也就是说在加载js文件时,找不到其中调用的对象因此需要将js文件引用放置在调用的对象的后面加载就可以了但是,在vue项目中,有时候却不方便这样处理所以只需要:if(proportionUpdate){ proportionUpdate.innerHTML...原创 2019-10-11 17:57:20 · 3197 阅读 · 1 评论 -
vue----配置echars
1.安装npm install echarts -S2.在组件中定义图表容器并初始化数据 // 假设是 index.vue // 1. 在template中的html标签中定义容器 <div id="myChart" :style="{width: '300px', height: '300px'}"></div> // 2. 在script中引入 <sc...原创 2019-10-10 22:14:51 · 132 阅读 · 0 评论 -
Vue 报错:Cannot read property ‘validate‘ of undefined“
有时候用了报错,有时候不报错,一直不晓得原因,现在终于是弄懂了感谢这位朋友的博客https://blog.youkuaiyun.com/qq_37495786/article/details/83692544原创 2019-09-27 18:28:15 · 595 阅读 · 0 评论 -
axios -- 需要授权的API 提供 token令牌
需要授权的api , 必须在请求头中使用authorization 字段提供的token令牌后台除了登录接口之外,都需要token权限验证,我们可以通过添加axios请求拦截器来添加token,以保证拥有获取数据的权限在main.js中添加代码,在将axios挂载到vue原型之前添加下面的代码注: 记得安装该插件//请求在到达服务器之前,先会调用use中的这个回调函数来添加请求头信息ax...原创 2019-09-26 21:52:25 · 1562 阅读 · 0 评论