程序员瑶琴

摘要： 一、创建项目 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 - 阅读全文