![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
杰宝多多
这个作者很懒,什么都没留下…
展开
-
vue3+vite :src 用require引入绝度路径报错
vue3+vite :src 用require引入绝度路径报错原创 2022-06-23 11:37:40 · 3406 阅读 · 1 评论 -
TailWindCSS入门
上一篇文章我们说过了如何搭建项目以及引入TailWindCSS,这篇文章我们说一下如何使用它,刚看到的时候我对这些缩写感觉很迷茫呀,官网我也没找到如何能知道具体对应的都是撒意思,后面找到一片天比较详细的介绍的文章,认真研究了一下,文章我会放在本文的最末尾。好啦话不多说,开始吧!1.screens(也可以自定义媒体查询屏幕的宽度)2.颜色 一般都把颜色作为背景色、文字颜色或者边框颜色。举个🌰,green:3.纵横比--aspect 4.容器--container6.列--co.原创 2022-06-15 17:59:53 · 6130 阅读 · 1 评论 -
vue3.0+typescript+tailwindcss项目搭建
根据官方文档总结vue3.0+typescript+tailwindcss项目搭建原创 2022-06-15 14:21:46 · 651 阅读 · 0 评论 -
npm install 的时候报错
前几天从网上荡下来一个开源的项目,初始化的时候出现了问题,一般的解决办法就是把依赖删除掉重新初始化就可以了,但是这次无论我删除依赖化石更新node都没有用,所以被搞死了!后来我发现用cnpm初始化就没问题了但是在安装cnpm的时候也出现了一个问题,安装可以正常安装,但是在使用的时候又报错啦cnpm : 无法加载文件 C:\Users\ZM\AppData\Roaming\npm\cn...原创 2020-01-17 10:46:05 · 314 阅读 · 0 评论 -
vue html2canvas 使用坐标截图
刚开始看这个插件还觉得很简单啊,只要照着那个模板套用就可以啦,结果我挖了好几天的坑,哭晕在厕所首先要说的一个最重要的也是最容易被初学者忽略的问题,就是html2canvas他只能截取当前dom层的图片,意思就是说我有一个div-maxBox有一个背景图片,那我再在这个div-maxBox里面新建一个div-minBox然后截取内部div-minBox的背景,结果截取出来是一片空白的,或者你在d...原创 2019-08-20 17:41:47 · 1660 阅读 · 0 评论 -
vue 使用webpack打包的时候给文件名添加版本号
有的时候用npm run build打包的时候发现打完包代码还是原来那套代码,新写的需求没在上面,这是咋回事,可能是浏览器缓存引起的,那我现在想看看我打的包的版本号,这样能更快的定位问题,下面上代码啦找到webpack .prod.conf.js1.定义版本变量: const Version = new Date().getTime(); // 这里使用的是时间戳 来区分 ,也可以自己定...原创 2019-08-21 15:54:53 · 1669 阅读 · 0 评论 -
vue2.0 ie “Promise”未定义"
是因为ie不支持es6的写法,所以会报Promise未定义的错误下面附上解决办法: 1、npm install webpack-dev-server --save-dev2、npm install babel-polyfill --save3、找到build文件夹下的webpack.base.conf.js文件在...原创 2019-08-21 16:46:48 · 311 阅读 · 0 评论 -
vue2.0 ie 报错Invalid Host/Origin header
先讲一下报的什么错误,我用vue2.0搭建的项目,再谷歌火狐上都没有问题,但是放到ie上就开是报错,报的我头疼也是这时报错的信息一直自己在那边循环着报,什么鬼呀。后来大概找到报错原因,我同时启动了两个项目,只有一个报错,一个是localhost:8080的另外一个是localhost:8081的结果81的就一直报错,止不住的报,后来发现好像是本地代理的问题,不管了,反正我这样解决就...原创 2019-08-21 17:11:56 · 1317 阅读 · 0 评论 -
vue2.0 点击下载图片
接到新需求点击按钮可以下载图片,刚开始想用img标签的download功能,结果我这边下载不了就只不过是新打开一个浏览器窗口然后把图片放进去,并没有下载,后来我又调整了一下代码,下面是我整理的demo可以直接通过后台传过来链接下载,也可以下载base64位的图片<template> <div class='hello'> <div class='im...原创 2019-08-21 17:28:05 · 1361 阅读 · 0 评论 -
vue-cli2.0 销毁组件,重建组件
由于我的子组件在弹窗里面,所以弹窗关闭的时候并没有销毁组件,这就导致我每次再次点击弹窗的时候数据没更新,万般无奈想到了这个办法,下面是代码父组件代码:data(){ return { hackReset = true, }}<temFontEditor v-if="hackReset" ref="temFontEditor" :json="f...原创 2019-08-29 15:26:22 · 951 阅读 · 0 评论 -
vue + element 先遍历表头再遍历列表内容
最近接了一个新的需求,后台传过来的数据是一个列表,但是这个列表的列不确定有多少也不确定列里面的字段是什么,所以我只能先遍历一下表头然后再编列行那导航里面的数据,不多说上代码 <el-table :data="tableData" max-height="4...原创 2019-08-20 17:22:01 · 1641 阅读 · 0 评论 -
vue2.0 打包之后生成一个配置文件修改接口域名
后台提出无理需求,要我写一个配置文件在打包之后可以直接改请求地址的,不用二次打包,咱不管这要求有多无理,总之你得写出来,踩了两天的坑,试过各种方法,这个generate-asset-webpack-plugin 插件也试过了,话是一直报错,最后推荐这个方法亲测可行第一步:在 static 静态文件中新建一个 config.js 文件,js 代码如下:window.g = { BASE_...原创 2019-08-14 18:10:58 · 1620 阅读 · 1 评论 -
Vue中的生命周期及生命周期操作
vue里的生命周期是什么?vue实例从创建到销毁的过程称之为vue的生命周期vue的生命周期各阶段都做了什么?beforeCreate实例创建前:这个阶段实例的data、methods是读不到的created实例创建后:这个阶段已经完成了数据观测(data observer),属性和方法的运算, watch/event 事件回调。mount挂载阶段还没开始,$el 属性目前不可见,数...转载 2019-05-05 22:17:56 · 693 阅读 · 0 评论 -
vscode里面写v-for会报错
之前用vscode写vue的项目里面用v-for没有报过错,今天发现项目启动起来浏览器直接卡死刷不出来,页面什么也没有但是也不报错,代码如下:之后查了资料发现是Vue 2.2 之后,要求 component 进行列表渲染时,必须指定 key,因此这里可能是 vscode 的一个误报(li不是 component),如果不想看到这样的提示,你可以绑定一个 key:<liv-for="...原创 2019-05-30 13:46:13 · 2909 阅读 · 0 评论 -
elementUI的cascader级联选择控件的默认值(回显)问题
最近接了一个需求要实现这种效果,在使用cascader的时候遇到一个坑,就是如何设置默认值的问题首先,算了还是直接上代码吧 <el-cascader placeholder="试试搜索" :options="allOptions" ...原创 2019-06-19 10:37:34 · 11851 阅读 · 3 评论 -
axios的二次封装--踩了好多天的坑
在src下面新建一个utli文件夹然后在里面新建http.js和api.jshttp.js代码// 引入import axios from "axios"import {Message} from 'element-ui'// import store from '../store'// import router from '../router'// 环境/...原创 2019-06-14 14:39:36 · 1132 阅读 · 0 评论 -
Vue Can't resolve 'sass-loader' in...错误的解决办法
需要引入sass-loader这种依赖包npm install sass-loader -Dnpm install node-sass -D如果还是失败的小伙伴可能是网络问题,可以尝试用cnpm解决原创 2019-06-18 17:16:40 · 5175 阅读 · 0 评论 -
如何在Vue裡面使用Element-ui並修改CSS樣式呢
用vue+element很坑的就是你想改他的样式却没有他的element的优先级高,那怎么办呢,常规操作可以直接在标签里面修改他的style也可以在一个main.css里面做修改再引入,他们的缺点就是,前者只能在你看见的标签里面改,后者改动的就是全局的修改,那我现在只想改动我这一个文件下的样式其他的都不动呢,下面就是见证奇迹的时刻啦!深度作用选择器:>>>在你需要的地...原创 2019-07-24 18:07:15 · 768 阅读 · 0 评论 -
vue-cli2中的webpack打包文件地址出错
写这篇博客是为了记录一下挖坑的过程下面是报错信息:下面是解决办法1:背景图片必须放在static里面。2:在config文件的index.js里面将assetsPublicPath:'/'改为‘./’。这里处理的就是渲染的js,css,img图片的地址了。有这个就可以出来了!3.处理背景图片地址问题,一般如果不处理,就会遇到地址这样,dist/static/img/...原创 2019-07-17 18:24:50 · 286 阅读 · 0 评论 -
vue中监听浏览器滚动条的宽度高度
记录一下,挖坑挖了好多天原创 2019-08-06 15:22:16 · 3811 阅读 · 0 评论 -
vue 使用print.js实现前端打印功能
最近新接了一个需求,想要在前端实现打印功能,最开始试了window.print()这个方法,结果发现我想打印的图片它只能打印图片中的一部分,打印的不完整,如下图调整了缩放比例之后发现还是不可以,后来又尝试了vue里面的一个插件vue-print-nb,但是当所有的东西都配置好之后,点击打印的时候竟然报错,大概意思是说我的css样式获取不到然后我试了最后一种方法,亲测好使print.js...原创 2019-08-14 14:09:32 · 51803 阅读 · 44 评论 -
npm run dev 报错:missing script:dev
今天在运行Vue项目时,在运行npm run dev时报错如下图:打开package.js文件夹,发现文件夹里的scripts有dev如下图:,可就是好不到,什么原因呢?最后一看路径不对,vue init webpack my-project时,自己又建立一个文件夹,取不到对应的package.js中的dev.cd 到对应文件夹,重新运行npm run dev 就OK了。还有...转载 2019-04-25 13:57:21 · 334 阅读 · 0 评论