vue
文章平均质量分 53
地藏许菩萨
前端真的在学java
展开
-
vue3.0 小程序启动Error: Cannot find module ‘worker_threads‘
启动报错:Error: Cannot find module 'worker_threads’原因node 版本太低升级node版本 npm install -g // mac升级 sudo n latest // win升级 n latest升级后版本原创 2022-03-17 10:04:20 · 1216 阅读 · 0 评论 -
vue+jsx总结
render 函数循环显示主要使用数组的map ()方法,注意:循环渲染列表时,应该对每一项添加对应的key属性,且key属性的值要确保唯一性private form ={ specificationsUnit:''// 包装规格}private getCommoditySpecificationsUnitList=[ {id:1,value:'包'}, {id:2,value:'盒'},]render(){ return ( <FormItem label='包装单原创 2022-03-16 22:25:37 · 630 阅读 · 1 评论 -
vue Mixins
mixins 混入主要作用就是复用我们的代码例如,我们现在有2个组件,一个componentA ,一个componentB, 两个组件都有同一个方法,就是点击显示隐藏componentA.vue<template> <div> <h1 v-if="show">Hello,我是componentA</h1> <button @click="toggleShow">切换</button> </d原创 2021-04-05 21:31:35 · 205 阅读 · 0 评论 -
echarts x轴展示不全
echart画图是,x轴数据太多,会造成数据展示不全。echarts图表中有个axisLabel配置项,是坐标轴刻度标签的相关设置。interval属性是坐标轴刻度标签的显示间隔,默认会采用标签不重叠的策略间隔显示标签。可以设置成 0 强制显示所有标签。还有一个属性:rotate: number 度角是倾斜的控制所在,在类目轴的类目标签显示不下的时候可以通过旋转防止标签之间重叠。 // 大柱状图 drawLineBig() { // 基于准备好的dom,初始化echarts实原创 2021-03-29 17:22:49 · 5967 阅读 · 0 评论 -
vue-cli4.0项目浏览器缓存,wepack打包js,css添加时间戳
在这里插入代码片let timeStamp = new Date().getTime();module.exports = { // 选项... filenameHashing: false, // 打包的时候不使用hash值.因为我们有时间戳来确定项目的唯一性了. configureWebpack: { //重点 output: { // 输出重构 打包编译后的 文件名称 【模块名称.版本号.时间戳】 filename: `[.原创 2020-11-09 16:48:40 · 2057 阅读 · 1 评论 -
vue-cli4.0 项目发布浏览器缓存问题
每次vue项目部署之后,新增的需求和改的bug都不起作用,每次都需要清理一下浏览器缓存才能使用用户体验感太差修改请求头修改服务器ng配置webpack打包时添加时间戳1.在入口文件index.html添加 <!-- 处理浏览器缓存 --> <meta http-equiv="pragram" content="no-cache"> <meta http-equiv="cache-control" content="no-cache, no-st转载 2020-10-29 09:45:19 · 1777 阅读 · 0 评论 -
typescript封装axios重复提交问题
import axios from 'axios';// 防止重复提交,利用axios 的cancelTokenlet pending: any[] = [];// 声明一个数组用于存储每个ajax请求的取消函数和ajax标识const CancelToken: any = axios.CancelToken;const service = axios.create({ b...原创 2020-06-01 15:16:35 · 328 阅读 · 0 评论 -
vue 路由params和query传参
路由传参query 传参this.$router.push({path:'/home',query:{id:'111}})this.$router.push({name:'home',query:{id:'111}})params 传参this.$router.push({name:'home',params:{id:'111'}})转载 2020-04-30 16:26:44 · 346 阅读 · 0 评论 -
vue keep-alive 缓存1.0
业务需求:a路由进入b路由 a路由缓存a路由进去c路由 a路由不缓存解决方法1:我们根据路由设置的meta.keepAlive属性来判断是否需要缓存路由设置:需要缓存的a路由我们添加meta:{keepAlive:false},我们使用路由钩子来改变a路由的meta属性:a路由进入b路由(我这里是b路由就是‘orderDetail’路由),我们是a路由的me...原创 2020-04-09 10:29:39 · 151 阅读 · 0 评论 -
vue简单的上传文件
需求:点击按钮上传doc,docx,pdf 类型的文件直接上代码 <Button @click="choicePDF" :disabled="PDFtrue" icon="ios-download-outline">上传文件</Button> <input ref="filElemPDF" ...原创 2019-12-21 14:31:58 · 3047 阅读 · 1 评论 -
vue 文件(图片,视频,word,pdf等)批量下载
需求:多选之后点击批量下载,下载不同类型的文件,有各种格式的图片,有word文档,有pdf等。我用的iview 框架的table组件。直接上代码// script 中的代码export const downloadFile = url => { const iframe = document.createElement("iframe"); iframe.style.di...原创 2019-12-21 14:14:27 · 3111 阅读 · 0 评论 -
iview upload 组件
单张图片上传<template> <Upload style="margin-left:40px;margin-top:10px;" ref="upload" :before-upload="beforeImgFile" :on-success="successIm...原创 2019-10-21 11:15:36 · 3019 阅读 · 0 评论 -
vue 微信(企业微信)获取openId
有空补原创 2019-06-05 14:17:45 · 3876 阅读 · 3 评论 -
iview render input 每输入一个字符就会自动跳出焦点
今天遇到的bug,博客有空补上原创 2019-04-11 16:47:01 · 1509 阅读 · 1 评论 -
vue-cli3.0 多环境打包配置
最近在用3.0的脚手架配Ts的项目,频繁的打包发布,用到了多环境打包问题首先在项目中创建三个文件我这里只用到了本地开发,测试,生产 三个环境配置文件.env.env.development.env.production没有这三个文件的自己创建就可以看看每个env文件中写的东西.env 本地环境NODE_ENV = 'local'VUE_AP...原创 2019-03-29 17:25:48 · 3398 阅读 · 5 评论 -
vue +typescript 的组件传参 (1)
业务需求: 组件传参,子传父子组件<script lang="ts">import { Component,Vue, Emit } from 'vue-property-decorator'; //需要引入Emit@Component({})export default class Sider extends Vue { // 选择侧边栏,跳转路由 ...原创 2019-03-28 17:43:55 · 2209 阅读 · 0 评论 -
vant移动端配置 + VSCode一个简单的vue移动端适配方案
链接地址https://juejin.im/post/5bac33ff5188255c402b0d2a转载 2019-03-28 10:57:30 · 2656 阅读 · 0 评论