
vue
若我君临天下
一枚小菜鸟
展开
-
vue封装请求方法
1:在static/js/新建http.js,interface.js,request.js;2:http.js:封装请求方法(get/post)// 在http.js中引入axiosimport axios from "axios";import QS from "qs";// 设置超时时间axios.defaults.timeout = 10000;// 设置默认post的请求头axios.defaults.headers.post["Content-Type"] = "applicat原创 2021-07-15 16:03:44 · 3650 阅读 · 0 评论 -
vue封装常用工具函数
1:在static/js新建common.js;2:main.js// 全局导入公共函数import commonFun from './static/js/common'Vue.prototype.commonFun = commonFun;3:common.jsvar baseData = { title: "这是测试的公共方法数据",};/* 分类 **校验{ 1:手机号;2:中英文名称;3:身份证号;4:银行卡;5:邮箱;6:QQ;7:邮政原创 2021-07-15 15:48:45 · 479 阅读 · 0 评论 -
vue封装常用过滤器
1:在static/plugins/新建filter.js2:main.js// 全局导入过滤器import filter from './static/plugins/filter'Object.keys(filter).forEach(key => Vue.filter(key, filter[key]))3:filter.js// 封装过滤器// 根据身份证号码判断男女let sexFilter = value => { if (!value) {原创 2021-07-15 15:20:31 · 467 阅读 · 0 评论 -
vue兄弟组件传值(通过事件总线EventBus)
1:在项目中创建一个单独的eventBus.js文件// eventBus.jsimport Vue from 'vue'export default new Vue;2:在父组件注册并引入两个子组件// transfer.vue(父组件)<template> <div class="container layer_nobetween"> <nav-tab /> <trans-chart /> </div>&原创 2021-05-06 22:06:32 · 407 阅读 · 0 评论 -
uni-app解决并发请求
在项目中引入axios单个请求方法getProNum() { let t = this; let param = { actkey: 'project', numberType: 'XMNumber' }; return t.$axios({ url: t.NumUrl, method: 'get', params: param })},getTrialNum() { let t = this; let param = { actkey: 'segment2',原创 2021-01-16 22:47:03 · 2602 阅读 · 0 评论 -
uni-app写日期过滤器
在公共common下新建filter.jsfilter.js内容const dateFilter = (time) => { if (!time) { //当时间是null或者无效格式时返回空 return ' ' } else { const timeLen = time.length; //传入的时候时间戳类型应为字符串,因为要根据length判断是10/13的时间戳 const oneDate = new Date(parseInt(time) * 1000); // 1原创 2021-01-16 22:26:27 · 960 阅读 · 0 评论 -
vue生成海报
npm install vue-qr --savenpm install qrcodejs2 --savenpm install html2canvas --save在项目下载依赖 <div> <div style="display: none" id="my_qrcode" class="qrcode"></div> <!--海报--> <div class="Canvas"> <canvas原创 2020-10-29 18:58:45 · 825 阅读 · 0 评论