vue
Mangoxin1
这个作者很懒,什么都没留下…
展开
-
bat启动vue项目 bat打包vue项目
vue原创 2022-07-12 18:00:35 · 599 阅读 · 1 评论 -
js对象扁平化 字符串转对象 扁平化对象转字符串
js对象的扁平化传入一个对象 获取他扁平后的对象 如果嵌套多层已.的方式呈现设计思路 判断当层结构是不是对象并且不是空对象 满足条件递归 链接每次递归的key存放到数组里 在最后一层进行数组的join方法生成key window.isobj = function isEmptyObject(elem) { for (var key in elem) { return false } r原创 2022-04-30 22:25:37 · 333 阅读 · 0 评论 -
vue项目配置打包优化 gzip压缩 更改输出js img css文件名 cdn加速
vue config文件配置全局cdn加速const CompressionWebpackPlugin = require('compression-webpack-plugin')// "compression-webpack-plugin": "^5.0.2",const cdnDependencies = require('./cdn')const HtmlInjectConfigPlugin = require('./src/plugins/html-inject-config-plugi原创 2022-04-22 16:35:23 · 2322 阅读 · 0 评论 -
vue3+element plus搭建后台管理系统
项目地址:https://gitee.com/mangoxin1/mango-fd采用vue3和vite2和element plus搭建后台管理系统内部封装多个组件 支持页面关闭 支持iframe内嵌跳转 新窗口打开 全屏打开当前组件封装组件 表格crud<script setup>import { reactive, ref, toRaw } from "vue";import { get } from "lodash";import { getfrom } from "./m原创 2022-04-11 18:11:10 · 2523 阅读 · 3 评论 -
vue项目axios实现多实例共享一个拦截器
axios配置多实例共享拦截器定义一个class 在class内部写上axios拦截器方法import axios from 'axios'import NProgress from 'nprogress' // 进度条import 'nprogress/nprogress.css' // 引入样式import store from '@/store'// 携带部分参数白名单const whiteList = [ '/oauth2/v3/user/login/apply', '原创 2022-04-09 21:57:15 · 1827 阅读 · 0 评论 -
简单封装一个element弹窗
简单封装一个element弹窗 适合在脚本和js里调用或者在vue页面函数内调用import Vue from 'vue'export default function(component, options = { dialog: {}}, cb) { return new Promise(async(resolve, reject) => { const dialog = { appendToBody: true, // 对话框遮罩层是否插入至 body 元素上原创 2022-03-21 15:40:57 · 1460 阅读 · 2 评论 -
vue2源码学习
学习vue源码前置知识在学习源码前需要了解Vue2版本源码中用到的类型检查工具,flow,Java script是动态弱类型语言,对数据类型不严格,在生产阶段往往会产生一些bug,flow是Facebook 出版的类型检查工具,和ts一样,可以使项目在开发阶段就把类型检查相关的bug解决和避免了解vue源码目录compilercompiler目录是vue编译相关代码里面有模板解析成 ast 语法树,ast 语法树优化,代码生成等功能。corecore 目录包含了 Vue.js 的核心代码,包括内原创 2022-02-23 16:30:31 · 1912 阅读 · 0 评论 -
vue项目调用企业微信扫码权限skd,js-sdk
企业微信移动端项目调用扫码定位功能实现,获取code采用vue来搭建本项目,如果需要调用企业微信js-sdk就需要给登录接口传code,code在index.html获取 function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var r = win.原创 2021-12-28 10:38:45 · 1106 阅读 · 0 评论 -
数组转树,树转数组攻略大全
数组转树,树转数组攻略大全 let list = [ //数据结构 { pid: null, id: 1, serialNumber: '1', }, { pid: 1, id: 11, serialNumber: '1', }, { pid: 11,原创 2021-11-09 10:17:01 · 247 阅读 · 0 评论 -
element表格攻略大全,表头合并,表格合并,动态添加一列
elementui表格攻略大全,表头合并,表格合并,动态添加一列element合并表头与合并表格,需求就是这样,数据结构中需要有一个大类集合,由于数据结构是我定的,图二是这个表格的数据结构[ { fuelType: '固体燃料(吨)', fuelVarieties: '无烟煤', unitCalorific: '', oxidationRate:'', calorificPower:''原创 2021-11-04 14:38:07 · 1671 阅读 · 0 评论 -
vant图片上传和编辑时回显
vant图片上传和编辑时回显首先在html部分使用组件 定义添加删除事件 和最大上传数量 还有data的图片数组<van-uploader @delete="deleteimg" :after-read="clickUpload" v-model="fileList" multiple :max-count="6" /> //deleteimg删除图片触发 //clickUpload上传完触发 //fileList数组fileList:[],然后开始写添加图片的事件clickUp原创 2021-09-03 14:43:35 · 2664 阅读 · 0 评论 -
解决html路径传参和中文参数乱码问题
解决html路径传参和中文参数乱码问题众所周知,页面传参在不使用框架的情况下,只能通过url后面的路径传参,并且路径传参不可以传入对象,只能拼接字符串,下面是示例,由于项目是在老项目改动,所以使用到了vue,下面的encodeURI可以对中文字符进行编码,后面的就是要拼接的字符串,做完这些就可以进行跳转了 var searchUrl =encodeURI("individualStandard.html?searchText="+this.selectBox.materialCode原创 2021-08-25 17:16:47 · 1238 阅读 · 1 评论 -
不用插件实现vue移动端上传图片和回显图片,开箱即用的移动端上传图片
不用插件实现vue移动端上传图片和回显图片,贴入一段html代码,比较乱,但是可以开箱即用,样式可以自行调改,里面的img是我从阿里矢量图里当下来的 可以自行查找<input @change="fileChange($event)" type="file" id="upload_file" multiple style="display: none"/> <div class="add" @click="chooseType"> <div cl原创 2021-08-25 14:23:01 · 580 阅读 · 0 评论