![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
麦兜_冰夕
这个作者很懒,什么都没留下…
展开
-
webpack配置cdn资源
1.主要配置如下:const assetsCDN = { // webpack build externals externals: { vue: 'Vue', 'vue-router': 'VueRouter', vuex: 'Vuex', axios: 'axios' }, css: [], // https://unpkg.com/browse/vue@2.6.10/ js: [ '//cdn.jsdelivr.net/npm/vu原创 2021-12-17 09:56:34 · 3007 阅读 · 0 评论 -
vue项目echart使用不渲染
由于echart的dom元素使用百分比布局与弹性布局结合,导致图表初始化是找不到元素宽高,会出现不渲染的情况。解决方案:在setOption后,调用this.chart.resize()来实现自适应,获取宽高。 2.vue项目echart优化用ref绑定替代:echarts.init(this.$refs.lineChart); 生命周期销毁前释放:beforeDestroy(){ if(!this.chart) return; this.chart.disp...原创 2021-12-05 16:09:29 · 2920 阅读 · 0 评论 -
vue踩坑之旅
1.【错误信息】Cannot find module '@/views/login/xxx' at webpackEmptyContext (eval at ./src/router sync recursive (app.js:2562), <anonymous>:2:10) at eval (asyncLoginRouter.ts?425a:20)【解决方法】①进入router中的index.jscomponent: () => import('@/view...原创 2021-07-01 09:44:17 · 2254 阅读 · 1 评论 -
vue scoped后无法修改elementUI组件样式
问题:在app.vue中引入公共样式mainStyle.css文件对input的width已做设置,在page.vue页面对el-input的width需单独设置宽度,设置完后不生效,生效的为ainStyle.css文件对input的width,对应page.vue页面代码如下<template> <div> <el-input class="groupName" placeholder="请输入" auto-complete="off">&原创 2020-08-24 17:40:36 · 644 阅读 · 0 评论 -
elementui input 火狐禁止填充
浏览器这功能在登录的时候挺好用的,但是在注册和管理的时候就很难受了所以在普通的input上直接off就行了<input type="password" autoComplete="off"/>而在elementui上使用autoComplete="off"是没用的 得使用new-password<el-input v-model="form.password" ...原创 2020-03-16 18:41:08 · 404 阅读 · 0 评论 -
vue-cli+webpack+axios构建的项目修改为https协议
用vue-cli+webpack+axios构建的项目默认为http协议,若想修改为较安全的https协议,需在webpack.dev.conf.js配置文件中加上https:true,则可实现https协议访问,具体如下图...原创 2018-08-03 16:37:01 · 12320 阅读 · 1 评论 -
vue更改了数据但是视图却没有更新
数据更新了但视图没有更新,常见的有两种情况:数组、对象转载 2018-08-17 10:51:11 · 12321 阅读 · 0 评论 -
vue+axios+webpack构建的项目打包后IE11中数据更新后页面没有刷新问题
【问题描述】页面进行删除数据操作后,重新获取列表,实际操作成功,ie11中列表不刷新,删除的数据依旧在【问题分析】F12打开IE11的控制面板,查看请求‘已接收’后的数据来源,显示“来自缓存”,如下图,ie浏览器会对相同请求的ajax,进行缓存,当你删除数据后,在调用同样的接口,ie不会刷新,只会把第一次请求该接口的数据缓存拿出来,所以页面数据依旧在,视图不更新【解决办法】给请求加上时...原创 2018-08-28 16:57:55 · 1175 阅读 · 0 评论 -
vue项目中data数据之间互相访问
如下代码: <div id="vue_det"> <input type="number" v-model="text"> <div>{{textAdd}}</div> </div> <script type="text/j原创 2018-08-30 11:02:02 · 57165 阅读 · 0 评论 -
axios发送post请求,springMVC接收不到数据问题
最近做项目的时候,前端异步请求用到了尤大推荐的axios,发现一个问题,就是POST请求的时候,后台人员说他们的接口里面取不到我传过去的数据。案例重现axios.jslet axios = import('axios');instance = axios.create({ baseURL: '/ghcws', timeout: 10000,});export def...原创 2018-06-20 14:13:07 · 1274 阅读 · 0 评论 -
vue项目webpack打包后找不到静态资源、图片,报404问题
修改vue-cli脚手架生成的build文件夹下的utils.js的publicPath:'../../'if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicPath:'../../'...原创 2018-06-26 17:04:43 · 7627 阅读 · 0 评论 -
vue-cli快速构建项目以及引入bootstrap、jq
vue-cli快速构建项目以及引入boostrap、jq各种插件配置vue-cli脚手架工具快速构建项目架构:。。首先默认了有已经安装了node。。。 npm install -g vue-cli 全局安装vue-cli vue init webpack cnm 生成项目名为cnm的的项目模板,cnm自定义 ...转载 2018-05-28 18:27:16 · 236 阅读 · 0 评论 -
vuejs前后端分离,session问题
最近学习使用vuejs前后端分离,重构一个已有的后台管理系统,遇到了下面这个问题:实现跨域请求时,每次ajax请求都是新的session,导致无法获取登录信息,所有的请求都被判定为未登陆。1、 vuejs ajax跨域请求最开始使用的是vue-resource,结果发现vue2推荐的是axios,于是改成axios;安装axiosnpm install axios -S安装完成后在main.js中...转载 2018-06-13 09:25:45 · 20613 阅读 · 0 评论 -
vetur插件提示 'v-for' directives require 'v-bind:key' directives.错误的解决办法
在用vscode编写vue代码时,因为安装的有vetur插件,所以当代码中有v-for语法时,会提示[vue-language-server] 'v-for' directives require 'v-bind:key' directives. 我们知道vue在升级到2.2后,当在组件中使用 v-for 时, key 现在是必须的。下面是vue官方文档的说明:回头...原创 2018-05-31 14:04:34 · 10717 阅读 · 0 评论 -
Vue2.0做的项目在IE下面打开一片空白?
解释一:Babel默认只转换新的JavaScript句法(syntax),而不转换新的API,比如Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise等全局对象,以及一些定义在全局对象上的方法(比如Object.assign)都不会转码。举例来说,ES6在Array对象上新增了Array.from方法。Babel就不会转码这个方法。如果想...原创 2018-06-14 11:32:43 · 9332 阅读 · 5 评论 -
vue小图标favicon不显示的解决方案
vue脚手架虽然好用,但是文件配置问题一直很头疼。将原生的代码用vue框架来做,出现种种问题,之前设置小图标的时候也出现了问题,总结了网上的解决方案,在此记下对我亲自试验并奏效的方案:我是直接将favico.ico丢到根目录(就是src同级的目录),然后进行在build/webpack.dev.conf.js文件配置1.webpack.dev.conf.js文件里plugins里加入这段代码?12...原创 2018-06-08 18:12:30 · 3949 阅读 · 0 评论 -
vue中mode hash 和 history的区别
对于 Vue 这类渐进式前端开发框架,为了构建 SPA(单页面应用),需要引入前端路由系统,这也就是 Vue-Router 存在的意义。前端路由的核心,就在于 —— 改变视图的同时不会向后端发出请求。为了达到这一目的,浏览器当前提供了以下两种支持:hash —— 即地址栏 URL 中的 # 符号(此 hash 不是密码学里的散列运算)。比如这个 URL:http://www.abc.com/#/h...原创 2018-06-25 17:04:56 · 36692 阅读 · 1 评论 -
vue-router路由使用 history 模式时,后端SpringBoot如何配置
当我们使用Vue开发时,一般会用到vue-router来作为前端路由,实现单页应用。vue-router提供了两种模式模拟一个完整的 URL:hash模式和history模式。hash模式:使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载。//查看id为1的文章http://localhost:8888/#/view/1histo...转载 2018-06-26 16:20:36 · 4207 阅读 · 1 评论 -
vue项目webpack打包后找不见favorite.icon
解决办法:1.将 .icon放在vue-cli脚手架生成的static文件夹下;2.修改index.html页面中.ico的文件路径<link rel="shortcut icon" type="image/x-icon" href="static/logo.ico" rel="external nofollow" />3.修改webpack配置文件webpack.dev.conf.j...原创 2018-06-26 16:55:26 · 3242 阅读 · 0 评论 -
单页面应用与多页面应用的区别
原创 2018-05-27 09:21:23 · 4371 阅读 · 0 评论