- 博客(31)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 小程序localStorage对象存储{多数组}
### setStorageSync 存储对象ManuPageList wx.setStorageSync('ManuPageList', { id:this.data.id, videoPath: this.data.src, imgPath: this.data.imgList, ManuContent: this.data.ManuContent, Manutitle: this.data.Manutit.
2020-12-31 11:32:30
1164
原创 小程序多图上传和视频上传案例总结实现；
效果图：wxml 部分 <!-- 上传图片/视频 S --> <view class="uploader_files"> <view class="img-list"> <!-- 上传列表 --> <view class="upload-video" style="display: inherit;"> <block wx:for="{{src}}" wx:key="index"
2020-12-30 15:17:32
376
1
原创 elemnet ui pickerOptions 获取限制月份日期选择；
第一种方法：根据接口返回日期限制，只能选择开始日期到结束日期范围内的。 <el-date-picker type="monthrange" :disabled="!isEdit" v-model="formData.effectPeriod" @change="handleChangeEffectStart" :picker-options="picker.
2022-05-23 15:09:50
591
原创 多数组、字段表单验证判断是否必填
第一类：多数组、多模块表单判断；let DetailList = ["vipId", "vipName"];this.checkFormTable1( this.detail_option_data, //数据来源数组 "activityRuleDtoList", // 要判断this.detail_option_data 数组里面的数组名称 "xxx等级", //message 提示的名称 DetailList ..
2022-04-22 10:55:19
477
1
原创 vue-pdf 预览和下载
极简模式：pdf 预览 handelDownload(row) { this.$axios({ method: "get", url: baseUrl + getUrl, responseType: "arraybuffer", header: { "Content-Type": "multipart/form-data" }, params: { billId: row.id,...
2022-03-25 10:50:53
2592
原创 tinymce 富文本编辑以及图片上传功能
<template> <textarea :id="tinymceId" style="visibility: hidden"> </textarea></template><script>import loadTinymce from "@/utils/loadTinymce";import { plugins, toolbar } from "./config";import { debounce } from "thrott.
2022-01-12 13:39:35
929
1
原创 vue 复制、打印 插件
<el-button v-print="'#printSearch'">打印</el-button>//打印组件import Print from "vue-print-nb";Vue.use(Print); <div class="icon-document-copy" v-clipboard:copy="orderNo" v-clipboard:success="onCopy" v-clipboard..
2021-12-10 14:26:59
536
原创 this.$options.data().option.column 避免数据污染
let t1 = {label: "费用合计",prop: "costTotal",width: 100,};this.option.column = this.$options.data().option.column.concat(this.settlementList_Data, t1);
2021-11-16 17:05:36
267
原创 JavaScript代码片段——数组篇
1). compact去除数组中的无效值false, null,0, "", undefined, 和 NaN 都是被认为是“假值”。const compact = arr => arr.filter(Boolean)2).difference 数组差集const difference = (a, b) => { const s = new Set(b) let arr = a.filter(x => !s.has(x)) return arr}differe.
2021-11-16 17:01:02
766
原创 vue列表合计计算 :summary-method
:summary-method="summaryMethod" summaryMethod({ columns, data }) { const sums = []; if (columns.length > 0) { columns.forEach((column, index) => { if ([6].includes(index)) { sums[index] = "合计"; ..
2021-11-16 14:01:34
3546
原创 解决table 修改size后，查看表格间距错乱的问题；
if (!this.isEdit) {this.tableData = this.$nextTick(() => {this.$refs.tableData.doLayout();});}
2021-11-16 11:03:48
106
原创 :summary-method=“summaryMethod“ table 合计
summaryMethod({ columns, data }) {const sums = [];if (columns.length > 0) {columns.forEach((column, index) => {if ([6].includes(index)) {sums[index] = "合计";} else if (["shopCode","contractId","instrumentNo","category","type",
2021-09-16 11:36:07
262
原创 本地localStorage.setItem
let userCache = { content:this.userInfo,dataType : 'string' , datetime : new Date().getTime()}localStorage.setItem('avue-userInfo', JSON.stringify(userCache));
2021-08-06 17:09:36
236
原创 表单验证watch
watch方式<el-form-item prop="yt_code1" :rules="yt_code1"> "formData.type": { handler: function handler() { if(this.formData.type=='Y'){ this.rules.certificate_no[0].required=true; this.rules.certificate_no.
2021-08-02 10:20:19
298
原创 ! [rejected] master -＞ master (non-fast-forward)
因为远程仓库和本地仓库文件冲突，使用git pull --rebase origin master发现有问题只能回退到使用命令：git rebase --abort 回退
2021-01-15 18:52:56
499
1
原创 element-ui table 默认全选功能实现；
methods: { checked() { const that=this console.log(that.goodsList) that.$nextTick(() => { for (let i = 0; i <that.goodsList.eList.length; i++) { that.$refs.listPowerSupplyTab.toggleRowSelection( ...
2021-01-14 15:25:35
1991
转载 URL 拆解问题
/** * --- 题目描述 --- * * 实现一个 parseParem 函数，将 url 转化为指定结果 * * --- 测试用例 --- * * 输入：url = 'http://www.domain.com/?user=anonymous&id=123&id=456&city=%E5%8C%97%E4%BA%AC&enabled' * 输出：{ user:'anonymous', id:[123,456],// 重复出现的 key 要组装成数组
2021-01-08 17:54:56
562
转载 JavaScript 的奇葩知识
(1)const arr = [1, 2, 3];// 存在，等效于 > -1if (～arr.indexOf(1)) {}// 不存在，等效于 === -1!~arr.indexOf(1);(2)function fn1() { console.log(1);}function fn2() { console.log(2);}fn1.call.call(fn2); // 2所以 fn1.call.call(fn2) 等效于 fn2.call(undefine
2021-01-08 16:49:01
96
原创 JavaScript 冒泡排序
var arr=[1,3,6,5,4,10,0,9]function bubbleSort (arr) { var max = arr.length - 1; for (var j = 0; j < max; j++) { // 声明一个变量，作为标志位 var done = true; for (var i = 0; i < max - j; i++) { if (arr[i] > arr[i + 1]) { var temp
2021-01-08 11:54:36
309
原创 小程序试调渲染层网络层错误] Failed to load local image resource /pages/order/1 the server responded with a stat
仔细检查了一圈，发现是自己imgPath 的this.setData 在渲染数据的时候对应错了data 的名称，应该是imagList 写错为imgPath，导致渲染报错；渲染层网络层错误] Failed to load local image resource /pages/order/1 the server responded with a status of 500 (HTTP/1.1 500 Internal Server Error)渲染层网络层错误] Failed to load.
2020-12-31 11:45:19
8104
1
原创 小程序异步同步回调函数setData回调即可；
_this.setData({ imgList: tempFilePathsImgs },()=>_this.uploadimagFile()) uploadimagFile(){}
2020-12-30 18:27:32
704
原创 小程序editor 富文本编辑器组件
效果：关于editor 富文本编辑器组件复制到组件common 里面。json 引用即可链接：https://pan.baidu.com/s/1_QIp28IOVuyVFfKfFZwxKQ 提取码：qzek小程序富文本编辑器wxml 部分；组件内引用 <editorItem bind:Content="getHtml" option="{{option}}" bind:insertImage="insertImage" id="hf_editor"></ed
2020-12-30 16:14:35
854
原创 find的用法
let s1=this.CompanyOptions.find(item=>item.express_name===this.formOrder.logisticsCompany) console.log(s1) if(s1){ this._express= s1.express_id console.log(this._express) }```
2020-12-23 18:25:00
240
原创 小程序van-skeleton 骨架屏
小程序van-skeleton 骨架屏效果json 部分引入html 部分；js 部分效果json 部分引入html 部分；<view class="container"><view style="width:100rpx;height:100%;margin:0 auto;margin-top:516rpx;text-align: center;" wx:if="{{Isloading}}"> <van-loading style="margin:0 aut
2020-12-23 16:30:31
2419
原创 @小程序vant-rate星级评价Button多选功能实现
效果图wxml 部分<view class="nav_box"> <view class="rate"> <van-rate name="rate_value" value="{{ value }}" size="{{ 25 }}" color="#FFD21E" void-color="#eee" void-icon="star" bind:change="onChange" touchable/><view cla
2020-12-18 17:34:40
1763
1
原创 关于vue插件v-viewer 的使用方法
npm install1.安装插件 npm/cnpm i v-viewer -Smain.js粘贴到main.js 里面就可以了。import Viewer from ‘v-viewer’import ‘viewerjs/dist/viewer.css’Vue.use(Viewer, {defaultOptions: {zIndex: 9999,inline: false,button: true,navbar: false,title: false,toolbar: true,
2020-12-18 12:10:15
1780
1
原创 @前端vue-video-player 插件多视频获取后端数据的插件实践
@前端vue-video-player 插件多视频获取后端数据的插件实践总结npm installnpm install vue-video-player -S;提醒：一定要用npm ,一定要用npm 不要用cnpm 会报错！！！否则会报“The “flash” tech is undefined. Skipped browser support check for that tech”main.js直接贴到main.js 里面就可以了。import VideoPlayer from ‘vue
2020-12-18 11:59:18
1195
3
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人