摘要: 一、创建项目 vue create vue3_h5 1.提示选择一个预置项,或者自定义,我们选择自定义 2.将我们需要的功能勾选上,利用上下箭头选中项,然后点击空格,(Router, Vuex, CSS Pre-processors, Linter),我这里除了typescript,PWA,unit 阅读全文
posted @ 2021-07-07 15:31 程序员瑶琴 阅读(1026) 评论(0) 推荐(0) 编辑
摘要: 平时在做项目的过程钟时常需要刷新组件,这里抽空总结下vue刷新组件的方式 vue刷新组件的方式: 1.给组件不同的key值,这样每次进入页面时,当key发生变化时,会释放原有组件重新加载改组件,这也是我平时最常用的方式 <group :key="new Date().getTime()"> <dat 阅读全文
posted @ 2021-07-01 11:56 程序员瑶琴 阅读(6576) 评论(0) 推荐(0) 编辑
摘要: <!-- 拖拽滑动 --> <template> <div id="default_drag_comp" v-show="activeBtnShow" @click="goNext" @touchstart="down" @touchmove="move" @touchend="end" > <im 阅读全文
posted @ 2021-06-30 16:21 程序员瑶琴 阅读(215) 评论(0) 推荐(0) 编辑
摘要: 实现需求:1.将后端返回的xlsx数据展示在页面上,但不是用elementuiui的table展示,是动态生成表格 2.将xlsx数据导出成sheet(下载导本地) 使用的插件:js-xlsx 实现步骤:安装:npm i xlsx -S 使用:import XLSX from 'xlsx'; 我先用 阅读全文
posted @ 2021-06-24 17:03 程序员瑶琴 阅读(1488) 评论(0) 推荐(0) 编辑
摘要: 路由组件传参解耦方式: 一、布尔模式:只在params传参下有效 { path: '/orderDetail/:id', name: 'orderdetail', component: () => import('../components/orderDetail.vue'), meta: { sh 阅读全文
posted @ 2021-06-01 15:31 程序员瑶琴 阅读(166) 评论(0) 推荐(0) 编辑
摘要: 第一种:需要在路径上配置动态参数,刷新页面参数不会丢失 //路由配置 { path: '/orderDetail/:id', name: 'orderdetail', component: () => import('../components/orderDetail.vue'), meta: { 阅读全文
posted @ 2021-06-01 15:11 程序员瑶琴 阅读(776) 评论(0) 推荐(0) 编辑
摘要: 今天在做项目时遇到一个路由传参问题,跳转页面时,通过query传参了;跳转的目标页面也通过this.$route.query 拿到值了,然后通过传过来的参数去请求接口;但是当刷新页面时,我希望参数不要在请求接口的参数中 一开始的解决方法:用watch来监听路由的变化,如果是从/home跳转过来的,请 阅读全文
posted @ 2021-05-20 14:40 程序员瑶琴 阅读(2011) 评论(0) 推荐(0) 编辑
摘要: 数组中的值为每个对象,现在需要取到每个对象里面的某些键值对组成一个新的数组 var newArr = []; this.orderArr.map(function(item,index){ var newObj = {}; newObj['groupId'] = item.group_id; new 阅读全文
posted @ 2021-05-19 18:45 程序员瑶琴 阅读(327) 评论(0) 推荐(0) 编辑
摘要: 今天做项目遇到点击element的多选框,通过change事件发现v-model的值变化了,但是页面上没有勾选上 <el-checkbox v-model="mData.isCheck" @change="changeCheck($event,mData)"></el-checkbox> 原因:手动 阅读全文
posted @ 2021-05-18 18:27 程序员瑶琴 阅读(5329) 评论(1) 推荐(1) 编辑
摘要: 最近在做H5端,上传图片时需要裁剪功能,网上找了一圈,先附上链接 http://www.voidcc.com/project/vue-img-cropper 使用过程: 1)、安装裁剪所需的依赖 npm install exif-js -S npm install vue-img-cropper - 阅读全文
posted @ 2021-05-15 10:57 程序员瑶琴 阅读(568) 评论(0) 推荐(0) 编辑