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