Vue
水果贝塔
这个作者很懒,什么都没留下…
展开
-
element tree 渲染部门、项目组织树
element tree 渲染部门、项目组织树原创 2022-06-30 18:06:00 · 391 阅读 · 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 · 625 阅读 · 0 评论 -
多数组、字段表单验证判断是否必填
第一类:多数组、多模块表单判断;let DetailList = ["vipId", "vipName"];this.checkFormTable1( this.detail_option_data, //数据来源数组 "activityRuleDtoList", // 要判断this.detail_option_data 数组里面的数组名称 "xxx等级", //message 提示的名称 DetailList ..原创 2022-04-22 10:55:19 · 509 阅读 · 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 · 2618 阅读 · 0 评论 -
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 · 956 阅读 · 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 · 542 阅读 · 0 评论 -
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 · 286 阅读 · 0 评论 -
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 · 773 阅读 · 0 评论 -
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 · 3609 阅读 · 0 评论 -
解决table 修改size后,查看表格间距错乱的问题;
if (!this.isEdit) {this.tableData = this.$nextTick(() => {this.$refs.tableData.doLayout();});}原创 2021-11-16 11:03:48 · 120 阅读 · 0 评论 -
: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 · 277 阅读 · 0 评论 -
本地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 · 243 阅读 · 0 评论 -
表单验证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 · 311 阅读 · 0 评论 -
! [rejected] master -> master (non-fast-forward)
因为远程仓库和本地仓库文件冲突,使用git pull --rebase origin master发现有问题只能回退到使用命令:git rebase --abort 回退原创 2021-01-15 18:52:56 · 503 阅读 · 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 · 2003 阅读 · 0 评论 -
npm 清理缓存命令
npm 清理缓存命令rm -rf node_modulesnpm cache cleannpm install原创 2021-01-06 18:38:01 · 6300 阅读 · 1 评论 -
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 · 252 阅读 · 0 评论 -
来自前端大佬的写的骚代码
文章转摘自:https://juejin.cn/post/6844904032146817038原创 2020-12-18 17:51:45 · 461 阅读 · 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 · 1832 阅读 · 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 · 1227 阅读 · 3 评论