Vue
ITWords
本人主要深入研究语言java、scala,擅长方向大数据开发,java编程,系统建设和架构。
展开
-
These relative modules were not found: * ../assets/fonts/glyphicons-halflings-regular.eot in ./node
使用vue使用脚手架引入bootstrap遇到Can’t resolve '…/fonts/glyphicons-halflings-regular.woff2问题,查看对应目录文件是存在的,所以不是缺失问题,应该是路径问题,css文件中的默认写法,只适用于传统的web服务器,在node这里不行了,所以我们打开bootstrap.css找到缺失的文件路径前面font的引用改一下,把 …/font改为 /font,也就是去掉前面的两点,再重新npn run dev,成功构建!...原创 2021-01-12 11:59:11 · 1044 阅读 · 0 评论 -
vue+Echarts绘制中国地图的热力图
<template> <div style="width:1500px;height:1000px"> <div id="byteVCellId" style="height:1000px"></div> </div></template><script> import 'echarts/map/js/china.js' import 'echarts/lib/component/title'.原创 2021-01-12 10:19:52 · 3606 阅读 · 0 评论 -
cnpm install 报错 SyntaxError: Unexpected end of JSON input (file:的解决方法
需要删除node_modules文件夹,但是提示只有Administrator用户才有权限删除,而且删除很慢,可以使用rimraf删除node_modules文件夹,删除很快。1 安装rimraf :cnpm install rimraf -g2 执行: rimraf node_modules3 清空缓存:npm cache clean --force4 再次安装淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taob...原创 2020-12-29 11:55:56 · 752 阅读 · 0 评论 -
Vue打包上传项目
欢迎关注 ITwords公众号,大家可以一起学习,共同进步。1、编译打包:首先修改一些配置文件:在config-->index.js中进行修改:assetsPublicPath的配置原来为:/ 现在改为 ./同样在index.js文件中的build也需要修改配置assetsPublicPath: / 改为 ./然后打开控制台...原创 2020-04-09 18:23:53 · 282 阅读 · 0 评论 -
error in ./node_modules/_element-ui@2.13.0@element-ui/lib/theme-chalk/index.css
原因是因为你的css解析的路径写的有问题,在build的webpack.base.conf.js里面添加css的解析路径即可。{ test:/\.css$/, loader:'css-loader!style-loader', exclude: /node_modules/},...原创 2020-03-23 15:10:58 · 6371 阅读 · 1 评论 -
Error in render: "RangeError: Maximum call stack size exceeded" 解决方案
一般遇到这样的问题,先不要慌,慢慢的分析。问题一:你的路由写的有问题。例如:即检查你的路由router.js中的是否含有参数,但是你的路由中并没有写。问题二:是二级路由的path不可以写“/”,所以注意检查。问题三:就是在传参数的时候,类型不一致的问题,虽然这个问题,只有报错,依旧可以运行,但是对于强迫症的我来说,不可原谅。所以将进行强制类型转化。将字符串转换...原创 2020-02-29 20:31:13 · 9536 阅读 · 1 评论 -
"Navigating to current location ("/adminHome/productsList") is not allowed", stack: "Error↵
在vue中遇到了这样的问题。原因是因为在A界面中进行路由改变的跳转,而跳转的目的地页还是A界面,修改一下即可。 this.$axios.post(api,this.updateDataPro).then((response)=>{ console.log(response.data.code) if(response...原创 2020-02-25 15:13:21 · 673 阅读 · 0 评论 -
vue子组件无法获取父组件问题解决
今天遇到的一个问题是:在父组件里有一个table表格,通过点击按钮来修改这一行的数据,修改的界面是在另一个组件中(子组件)。数据一致获取不到,最后才知道,在mounted中是获取不到的,必须使用watch进行监听才可以,最后完美解决。解决:父组件中:<ProductUpdate :updateDataPro="updateDataPro"></Prod...原创 2020-02-24 01:03:12 · 2356 阅读 · 0 评论 -
SpringMVC接收来自前端的数据时乱码的解决
今天在写项目的时候发现一个问题,前端使用的是vue,传值用的是axios的post传值,传递的是一个字符串,但是到了后台接收的时候就变成了乱码,之前就有遇到过就很快解决了。今天特意再次记一下。后端接收代码示例:@ResponseBody @RequestMapping("/selectOnes") public String selectProductsByName(@R...原创 2020-02-22 22:19:12 · 334 阅读 · 0 评论 -
ssm和vue实现图片的上传和回显,以及图片的访问
原来有做过图片的上传,也不是很难,而且在访问图片时候也没有发现问题,但是在刚刚要完成的一个小项目里面却屡屡爆出问题,困扰了整整一天,终于解决。但是也不知道是怎么解决的,只是把代码搬出来,防止以后犯错。实现思路:在图片的上传其实是分为两步:(1)先将图片上传到指定的文件夹下边,并且返回一个图片的名称。(2)将整个表单,包括图片的名称一起保存到数据库中去。第一步实现...原创 2019-12-20 16:52:04 · 1528 阅读 · 2 评论 -
vue--Element实现下拉滚动条的懒加载
1.首先需要将引入element的一个样式。<el-row> <el-col :span="8" v-for="(say, index) in sayLists" :key="index" class="item-img"> <el-card :body-style="{ padding: '0px' }"> <...原创 2019-11-19 09:23:33 · 1616 阅读 · 0 评论 -
Duplicate keys detected: '[object Object]'. This may cause an update error.问题解决
在学习vue的时候遇到这个问题<el-carousel-item v-for="(item) in imagesList" :key="item">改为:<el-carousel-item v-for="(item,index) in imagesList" :key="index">或者改为:<el-carousel-item v-for=...原创 2019-11-11 00:03:50 · 4802 阅读 · 0 评论 -
vue请求后台接口时候出现跨域请求失败的情况
1.在后台加上配置,在springmvc中添加:<!--配置跨域请求问题--> <mvc:cors> <mvc:mapping path="/**" allowed-origins="http://127.0.0.1:8080,http://localhost:8080" all...原创 2019-11-07 16:41:23 · 1773 阅读 · 0 评论 -
Vue中关于webpack打包或者生成
话不多说,先上代码流程演示1.现建立一个文件例如my-webpack:2.打开webStorm,然后open一个文件3.在mywebpack下建立两个文件 dist和src 在src下建立分别建立css和js两个文件 然后在src下新建一个index.html和index.js4.初始化 npm init -y 说明: -y尽量加上,否则操作会比较...原创 2019-01-15 17:04:17 · 219 阅读 · 0 评论 -
Vue中的数组赋空值注意事项
在js或者Vue中,给数组赋空值不可以直接赋空值,例如: var list = {a:'12',b:'34'};// 创建一个数组 list = [];// 数组赋空值否则会在再次赋值的时候报错 ...原创 2019-01-14 18:27:00 · 14632 阅读 · 0 评论