ahwangzc的博客

【代码】自定义拖拽列表。

四：ref="table" ，this.$refs.table.sort('salesVolume','descending');二：:default-sort="{prop: 'salesVolume', order: 'descending'}"上监听sort-change事件，在事件回调中可以获取当前排序的字段名和排序顺序，从而向接口请求排序后的表格数据。参数prop属性指定排序列，order指定排序顺序。三：:sort-orders="['descending','ascending']"

【代码】el-table对时间排序时，当数据有空值导致排序错乱。

【代码】ElementUi分层级进行合并列。

【代码】vue3数组对象中全属性的去重。

Vue配置env开发环境、测试环境、生产环境

在js中获取上传图片的宽度和高度

vue中使用RabbitMQ(stompjs)

Font-AweSome图标在Vue中的使用

Day.js插件的基本使用

前端浏览器跨域

vue的图片裁剪vue-cropper

Vue中使用js-cookie

vue项目在PC端的支付(支付宝+微信)

vue3.0中使用svg图标

vue+element-ui upload图片上传前进行压缩

Vue Element-ui表单校验规则

左侧菜单样式

vue3任意组件间传参- bus总线

vue3+elementUI回车键聚焦el-input

//HTML <el-form-item label="客户" prop="customerId"> <CommonAutocompleteSelect type="customer" param="customerName" placeholder="请选择客户" @commonAutoCompleteSelect="commonAutoCompleteSelect" :targetIdPr.

//子组件<template> <div> <input v-model="sea" @input="valChange(sea)" /> <input v-model="add" @input="valChange2(add)" /> </div></template><script lang="ts">import { defineComponent, ref, watch } from.

//html<el-table v-loading="loading" :data="detalList" border stripe :row-key='getRowKeys' :expand-row-keys="expands" @expand-change="getSpanArr" > <el-table-column type="expand"> <template #default="{row}"> <e.

1. 安装： cnpm installxlsx --save // xlsx最新版本会报错，建议安装次新版2. 新建uploadExcel.js文件import Vue from 'vue'import XLSX from 'xlsx' /** * 导入ex表格 得到json数据 * 已注入所有Vue实例， * template模板里调用 $importf * 组件方法里调用 this.$importf * 例：<input type="file" id="fi...

<template> <div class="tableDate"> <div class="button" style="width:6%;float:right;"> <P><el-button class="el-icon-plus" @click.prevent="addRow()"></el-button></P> &lt...

// route.js中新增// 公共路由export const constantRoutes = [{ path: '/businessProcess', component: Layout, hidden: true, redirect: 'noredirect', children: [ { path: 'marineSpecialAddOrUpdate', component: () => impo.

1、安装依赖npm install vue-meta --save2、在main.js中注册全局使用import Meta from 'vue-meta';Vue.use(Meta);3、在router/index.js中给每个路由赋一个静态属性对象metaInfoconst routes = [ { path: '/', name: 'website_index', component: website_index, childre...

1、修改路由配置// router/index.jsimport Vue from 'vue'import VueRouter from 'vue-router'import Home from '../views/Home.vue'Vue.use(VueRouter)// 工厂函数 每次请求返回一个Router实例export function createRouter() { return new VueRouter({ mode: 'history', b.

axios在vue中的使用https://blog.csdn.net/qq_36995521/article/details/115223647

npm install --save image-conversion<template> <div class="select_invoice"> <el-upload class="upload-demo" :multiple="true" :action="uploadPath" :data="uploadData" accept="bmg,.png,.jpg,.jpeg" :before-upload="beforeUpload" :o.

npm install vue-baidu-map --save// main.js中引用，注册全局组件import BaiduMap from 'vue-baidu-map'Vue.use(BaiduMap, { ak: '3mn83YpfI9VdPSZg1DfuK7lg0UqRljwt'})//直接调用组件使用即可<baidu-map class="bm-view" ak="你的Key" :center="center" :zoom="zoom" :scro..

// 使用路由守卫和自定义指令来处理页面Titlerouter.afterEach((to, from) => { if (to.meta.title) { document.title = '秀匠云—' + to.meta.title; pageTitle = to.meta.title } else { Vue.directive('title', { //单个修改标题 update: functio.

getImageFileFromUrl(url, imageName) { let p = new Promise((resolve, reject) => { var blob = null; var xhr = new XMLHttpRequest(); xhr.open("GET", url); xhr.setRequestHeader("Accept", "image/jpeg"); xhr.resp.

1、移动裁剪组件封装安装插件npm install cropperjs -save<template> <div id="demo"> <!-- 遮罩层 --> <div class="container" v-show="panel"> <div> <img id="image" :src="cutUrl" alt="Picture"> </div&.

base64ImgtoFile(dataurl, filename = 'file') { let arr = dataurl.split(',') let mime = arr[0].match(/:(.*?);/)[1] let suffix = mime.split('/')[1] let bstr = atob(arr[1]) let n = bstr.length let u8arr = new Uint8Array(n) while (n--) { u8ar.

一、Vant UI的三级联动//引入area.js文件import addressList from "../area";area.js文件下载在data中定义数据 data() { return { // 地址三级联动数据 // 地址弹窗标识 showAddress: false, // 当前选中的省市区code areaNum: "", // 省市区列表 areaList:...

var addressList = { province_list: { 110000: '北京市', 120000: '天津市', 130000: '河北省', 140000: '山西省', 150000: '内蒙古自治区', 210000: '辽宁省', 220000: '吉林省', 230000: '黑龙江省', 310000: '上海市', ..

在项目根目录新建三个env文件.env.development //开发环境.env.production //生产环境.env.test //测试环境.env.development文件内容NODE_ENV = 'development'VUE_APP_MODE = 'development'VUE_APP_BASE_URL = "http://testapi".env.production文件内容NODE_ENV = 'production'VUE_APP_MO..

建立图像对象：图像对象名称=new Image([宽度],[高度])图像对象的属性：border complete height hspace lowsrc name src vspace width图像对象的事件：onabort onerror onkeydown onkeypress onkeyup onload var img=new Image(); img.src="17.png"; img.onload=function(){alert("img is load.

import QRCode1 from 'qrcodejs2'shareTo(types) { //types分享的类型 var title, imageUrl, url, description //获取文章标题 title = this.kvr.workInfo.name //获取网页中内容的第一张图片地址作为分享图 imageUrl = this.kvr.workInfo.cover //获取当前网页ur..