![](https://img-blog.csdnimg.cn/20190918140145169.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
vue疑难杂症
六月要好好加油呀
一杯敬朝阳 一杯敬脚下
展开
-
22/10/21 vue2 渲染富文本
vue 渲染 富文本原创 2022-10-21 16:08:26 · 464 阅读 · 0 评论 -
22/10/08 vscode快速新建vue空白模版
vscode快速配置vue空白模版原创 2022-10-08 15:57:11 · 410 阅读 · 0 评论 -
22/10/08 vue2项目,登录注册路由守卫
vue2,登录注册&路由守卫记录原创 2022-10-08 15:16:56 · 454 阅读 · 0 评论 -
22/07/22 bug记录 vue3路由传参数(参数是proxy对象)
vue3 router.push 传ref参数原创 2022-07-22 11:49:17 · 1047 阅读 · 0 评论 -
2022/07/21 vant3引入踩坑
vant3引入bug记录原创 2022-07-21 11:40:57 · 540 阅读 · 0 评论 -
2022/07/08 vue3组件封装,根据props参数动态修改css值
vue3,css中使用变量动态修改样式原创 2022-07-08 15:02:42 · 1662 阅读 · 0 评论 -
2022/03/17 vue报错集合
报错1vue报错之Duplicate keys detected: ‘0’. This may cause an update error.–v-for循环的时候 没有绑定唯一的key值,循环的时候 key值是一样的,报错报错2end value has mixed support, consider using flex-end instead–解决方法参考链接:https://stackoverflow.com/questions/70509055/postcss-preset-en原创 2022-03-17 16:14:06 · 1203 阅读 · 0 评论 -
2021/05/31 vue-pdf显示阿里云外链文件
背景:请求接口后端返回的是url链接,这个链接双击打开是PDF文件,–原本用的iframe可以将文件显示到页面上,但iframe预览框不好设置样式。使用embed标签显示文档不能去掉黑边,所以用vue-pdf插件来显示PDF文件–后端返回的接口数据类似如下问题–由于文件是后端存放在阿里云OSS上的,使用vue-pdf插件直接使用会报错跨域–在控制台网络那里,这样发现问题的–用了vue-pdf插件后,网络那里会有请求PDF文件,这里原本的样子是这样–网上看了很多信息,说可能需要后端配..原创 2021-05-31 14:44:19 · 851 阅读 · 4 评论 -
2021/04/29 vue用computed实现table列求和
实现效果代码1.template<template v-if="list.length != 0"> <tr style="text-align: center" v-for="(listData, index) in list" :key="index" > <td>{{ listData.settle_date .原创 2021-04-29 16:40:21 · 1296 阅读 · 0 评论 -
2021/04/29 插件qrcodejs2将后端链接转换成二维码
背景需求内有个扫码功能,后端会吧链接从接口返回给我,我把收到的链接转换成二维码显示到页面上步骤– step1.安装npm install qrcodejs2 --save– step2. 引入–1.可以在main.js 中全局引用(这种方式我会报错)–2.在使用的页面上局部应用import QRCode from "qrcodejs2";–step3.页面上写代码<template> <div> <div> &l..原创 2021-04-29 16:08:11 · 880 阅读 · 0 评论 -
2021/04/29 element-ui自定义表单验证规则(邮箱,手机号,身份证,社会信用代码)
背景需求需要表单提交的时候校验有效的邮箱,身份证信息等,把这些用到了的验证规则收集下来代码我实在data中写规则的,完全参照饿了么官网写的//========自定义表单校验规则==========//邮箱验证var checkEmail = (rule, value, callback) => { const regEmail = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"..原创 2021-04-29 11:31:51 · 1366 阅读 · 0 评论 -
2021/03/28 vue, mint-ui header修改样式
官网效果一般标题是默认居中的–我要的效果不默认居中 能够自己设置宽度修改方法–自己尝试了 !important和 不要scope样式,都失败了,而且为了避免样式污染,也不打算去掉局部样式可以参考下图 参考链接1,这个写得超级好!!–成功方法方法一:style 穿透//1 style穿透 测试 成功// <style scoped lang="scss">// .page-wrap {// position: relative;// heig.原创 2021-03-29 00:02:37 · 371 阅读 · 0 评论 -
2021/03/28 vue横向滚动栏
想要的效果 做成这种可以滚动选择的效果html代码<!-- 标题 --> <div class="choose-title">选择路线</div> <!-- 集货道名称 --> <div class="track-group"> <div class="track-item" v-for="(item, index) in tr..原创 2021-03-28 23:32:45 · 343 阅读 · 3 评论 -
2021/03/14 vue 动态给 input框设置placeholder的值
背景有两个input框,v-model使用的相同数据,但是我的第二个input框需要它不能编辑,当然input框的值也不能修改,所以我打算用placeholder来显示input的数据–效果–代码将v-model改成了 v-bind:placeholder=“holder”–js代码...原创 2021-03-14 22:49:31 · 3521 阅读 · 0 评论 -
2021/02/22 vue项目安装node-sass、sass-loader报错记录
背景:用vue 脚手架新建了个项目,打算用scss写样式,第一次用,就一直报错一直报错。快捷通道如果不想看多个报错原因的,可以直接卸载安装好的node-sass和sass-loader,然后安装 “node-sass”: “^4.14.1”, “sass-loader”: “^7.3.1”,运行项目试试。报错1:Failed to resolve loader: sass-loader–意思是项目没有安装sass-loader插件–按以下图片方法直接安装,运行报错报错2:Synt.原创 2021-02-22 18:05:51 · 4472 阅读 · 2 评论 -
2021/02/18 vue上传文件失败后无法上传同一文件
看了很多文章,发现是失败后再次点击上传,获取到的文件地址相同-上传方法失败后的回调函数要清空–完整代码//上传文件upfile(type, dom_id) {............... //发起post请求 post(url, formData).then( (response) => { ........... setTimeout(() => { $(".show-result1").css("opacity", 0); .原创 2021-02-18 23:01:48 · 314 阅读 · 0 评论 -
2020/12/31element-ui 同一页面多个对话框el-dialog 自定义样式
背景一个vue页面中,引用了两个对话框组件,只想对一个对话框进行样式设置(中间内容默认不居中,想让它居中),不影响另外一个,就不能用常规方法来设置通用修改样式方法比如这种参考链接https://blog.csdn.net/HH18700418030/article/details/100124773?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-1.not_use_machine_learn_pai&a.原创 2020-12-31 10:12:37 · 5094 阅读 · 0 评论 -
2020/12/01 记录bug:vue数据更新页面视图不同步更新
情况:确定数组是被修改了的,但页面上绑定数组的table页面第二次触发更新的时候没有效果原因:可能是因为我用数组下标进行赋值,代码写得太乱排查不出来解决方案:$nextTick()参考链接https://blog.csdn.net/rudy_zhou/article/details/107636944...原创 2020-12-02 00:27:46 · 177 阅读 · 0 评论 -
2020/11/30 mac vue项目开启失败 run dev 8090端口占用
情况:vscode不正常退出,然后开项目node就打不开了报错信息解决方案如图:我是9060端口被占用第一行弄错了,从9060开始原创 2020-11-30 23:59:45 · 202 阅读 · 0 评论 -
2020/11/12 vue中v-if和v-show的区别
感觉vue面试经常会问这个问题官网解释虽然v-if与v-show都是展示视图的效果,但是对于性能的优化来说,二者还是有区别的。因为v-if只有条件为真的时候才会创建组件或者元素,而一旦为假,就会销毁该元素或者组件,如果一开的时候条件为假,那么这个元素或者组件就不会被创建出来,而v-show则是不一样,就算一开的时候条件为假,也会被创建出来,之后就是用display none与display block进行简单的切换。如果一个组件或者元素需要频繁的切换,就用v-show,如果在运行的时候很少改变.原创 2020-11-12 00:45:50 · 1678 阅读 · 0 评论 -
2020/11/12 vue项目编译失败 Uncaught SyntaxError: Unexpected token ‘<‘
背景:从仓库拉vue项目,切到分支上,一直打不开项目显示编译失败报错信息尝试解决之前一直尝试删掉,重新到仓库拉项目,来回弄了两次一直都是这个问题,同事的电脑上就可以运行解决方法-1.百度很多,发现这个比较靠谱,可能是node版本太高,导致打不开项目 先放在着 白天尝试参考链接:https://blog.csdn.net/weixin_43487782/article/details/106902721-2.eslint辅助检查js代码...原创 2020-11-12 00:27:25 · 434 阅读 · 1 评论 -
2020/11/05 vue路由传参 NavigationDuplicated: Avoided redundant navigation to current location: “/home“.
背景:练习vue路由传参,发现多次点击相同路由控制台会报错 NavigationDuplicated: Avoided redundant navigation to current location: “/home”.解决方法,在router文件夹下的index.js进行配置/ 解决点击相同路由报错 NavigationDuplicated: Avoided redundant navigation to current location: "/home".// 尝试了在main.js 中写 p.原创 2020-11-05 00:09:47 · 303 阅读 · 0 评论 -
2020/11/02 mac配置环境 安装vue脚手架
上班第一天,发的Mac,配置环境安装node官网下载 node查看版本号是否安装成功npm -v node -v安装vuesudo npm i -g vue安装脚手架sudo npm install -g @vue/cli--其他部分vue指令参考--查看版本号 vue -V创建项目 vue create 项目名称引入element-ui npm i element-ui -S引入axios npm install axios -S..原创 2020-11-03 23:12:13 · 685 阅读 · 0 评论 -
2020/09/18 跨域请求 后台白名单
后台白名单app.all("*",function(req,res,next){//设置允许跨域的域名,代表允许任意域名跨域res.header(“Access-Control-Allow-Origin”,"");//允许的header类型res.header(“Access-Control-Allow-Headers”,“content-type”);//跨域允许的请求方式res.header(“Access-Control-Allow-Methods”,“DELETE,PUT,POST,G原创 2020-09-18 00:56:18 · 421 阅读 · 0 评论 -
2020/09/14 elementui中分页组件和表格table组件向关联
问题描述:想在Vue项目的页面中实现分页功能代码-页面上table组件-页面上分页组件-js的data的return中-我套用的是elementUI中完整的展示方法 要在methods中声明两个函数方法用的这个分页组件在methods中声明方法最终,table中的数据能够和分页组件绑定成功...原创 2020-09-14 21:18:44 · 278 阅读 · 0 评论 -
2020/09/13 elementui中tabs选项卡点击时触发事件
问题描述:elementui中tabs选项卡组件,点击不同的选项卡时触发的事件使用官网中组件自带的方法在 el-tab上绑定事件,注意,是el-tab上,不是el-tab-pane上绑定在js中,fn1中传参,任意变量,打印台中打印出来,在打出来的Vue对象中有个index属性,就可以获取到点击每个不同的tab时,会拿到不同的index,第一个el-tab-pane的index就是0,第二个el-tab-pane的index就是1,以此类推。此外,elementUI中的tab..原创 2020-09-14 00:05:25 · 9761 阅读 · 4 评论 -
2020/9/8 elementui中给table纵向布局
elementui中table组件只有横向的样式,如果需要纵向效果只能自己写我的代码效果写成了两个表,代码如下第一张表做纵向表头第二张表做内容js代码最终实现最上图的纵向table效果图原创 2020-09-08 23:59:52 · 1984 阅读 · 0 评论 -
2020/9/8 elementui中给table自定义表头
我们能够直接在elementui官网的api中找到table组件,常规样式如下自定义表头 添加slot=header代码效果原创 2020-09-08 23:55:13 · 144 阅读 · 0 评论