vue
前端骚白
在前端的道路上自由奔波
展开
-
个人开发的Ui框架 Em-ui
参考了element和antd 结合它两的优点有兴趣的小伙伴可以点点星星谢谢了码云地址:https://gitee.com/mengjunl/em-ui原创 2021-12-12 21:30:19 · 843 阅读 · 0 评论 -
JS搜索算法(二分与插值)
JavaScript 二分搜索与插值搜索法基本流程1.排序2.(插值搜索)计算出里待搜索值相近的值(插值搜索)2.(二分搜索)找出数组中,中间位置的值3. 截取数组(递归或者循环)4. 找值 找到了 返回 对应的值5. 未找到值返回null下面就是算法// 1. 我才用的是快速排序算法,你也可以用其他的,这个无所谓et string = [0, 16, 18, 16, 45, 55, 15, 17, 16] let l = 0 let r = string.length原创 2021-06-04 09:34:15 · 233 阅读 · 2 评论 -
解决URL参数过长,不清晰
class Parsing { constructor(url) { this.url = url this.parameter = [] } // 添加参数 append(...args) { if(args.length <= 1) { for (let iterator in args[0]) {原创 2021-04-26 14:10:04 · 1641 阅读 · 0 评论 -
子树找父亲,常用于 element 层级 下拉多选回显
// treeArr 需要查找得树// value 查找的idfunction getCascadeIdArr(treeArr,value){ let arr = [] for(let treeData of treeArr){ if(getCascadeValue(treeData,value,arr)){ arr.unshift(treeData.id) return arr }else if(tree.原创 2021-01-22 16:39:10 · 161 阅读 · 0 评论 -
git 拉取多分支代码
git initgit remote add origin git@github.com:XXXX/xxxxxx.git (远程的地址)git fetch origin zhou (远程分支的名称)git checkout zhou----------------------------------------------------多分支也是一样的,再次执行git fetch origin test(远程分支的名称)git checkout test(远程分支的名称)...原创 2020-12-29 13:27:38 · 1982 阅读 · 0 评论 -
React实现动态修改页面样式
此项目有两个文件 tsx文件与css文件1.test.tsx 文件import React from 'react';import './test.css'import ReactDOM from "react-dom";// 标记唯一性let NameData:any = null/* 标题 */// 编辑栏class ModifyData extends React.Component<any, any> { constructor(props: any)原创 2020-11-11 16:51:39 · 1902 阅读 · 0 评论 -
导出excel
import axios from 'axios'function Excels(data, filename) { const link = document.createElement('a') let blob = new Blob([data], {type: 'application/vnd.ms-excel;charset=utf-8'}) let objectUrl = URL.createObjectURL(blob) link.href = objectUrl l原创 2020-10-28 16:46:19 · 845 阅读 · 0 评论 -
Vue封装弹窗
1.创建 EXDialog.vue 文件<template> <transition name="fade"> <div :style="style" class="ex-dialog__wrapper" v-show="visible"> <div> <div> <div class="ex-height-info"><span>{{ title }}</原创 2020-10-28 11:39:49 · 348 阅读 · 0 评论 -
element 动态表头背景色
给表头添加一个 :header-cell-style="getRowClass" // getRowClass 方法名<el-table :data="dataTable" :header-cell-style="getRowClass" border style="width: 100%"> <el-table-column align="center" v-for="(item, index) in datalistsss" :label="item.topName"原创 2020-08-31 11:26:16 · 696 阅读 · 0 评论 -
Vue组件懒加载
方案一(同步)使用 constconst login = ()=>import("./login");方案二(异步)components:{ "login":resolve=>(['./login'],resolve)},注意:1 两个异步加载的页面中分别同步与异步加载同一个组件时会造成资源重用2 在异步加载页面中载嵌入异步加载的组件时对页面会有渲染延时影响 ==== 解决方案 因为在首次加载组件的时候会有加载时间, 出现页面滞后, 所以需要合理的进行页面结构设计,原创 2020-08-24 10:16:16 · 477 阅读 · 0 评论 -
Vue 路由守卫的使用
路由守卫一般用于 校验用户是否登入请看下列代码 /orderDetailMap 表示我需要保护的路由 添加了一个 meta 作为标识符原创 2020-06-18 22:05:17 · 252 阅读 · 0 评论 -
element-ui tree 实现单选并且只能选一个
话不多说直接就是干// 选择会触发getname方法getname() { // 获取当节点的值 var getlist = this.$refs.tree.getCheckedNodes().concat(this.$refs.tree.getHalfCheckedNodes()); // 循环遍历当前节点的值 for (var i in g...原创 2020-03-11 10:55:03 · 12359 阅读 · 12 评论 -
element-ui tree获取父节点id
后端有时候需要父节点的id 最常用的方法是:this.$refs.tree.getCheckedKeys().concat(this.$refs.tree.getHalfCheckedKeys()) ;原创 2020-03-11 09:06:07 · 722 阅读 · 0 评论 -
vue3 Axios解决跨域问题
我相信大家进来就是想知道怎么写的,我就不多BB什么了 直接上代码本文重点(axios.defaults.headers.post[‘Content-Type’] = ‘application/json’)这种错误就是跨域问题了第一步 安装 Axios : npm install axios -S第二步重点(axios.defaults.headers.post[‘Content-Ty...原创 2019-08-19 21:43:12 · 6862 阅读 · 6 评论 -
Vue 实现多选
vue 多选 按钮先看一下效果吧 内容比较机密 所以打了一下马 ‘不好意思’HTML代码jsCSS原创 2019-10-21 09:42:04 · 1193 阅读 · 0 评论 -
Vue3 element 菜单 动态加载导航带上伸缩功能
模拟后端数据const menu = [{ "menuId": 1, "menuName": "管理系统", "parentId": 0, "route": null, "type": 0, "icon": "el-icon-setting", "orderNum": 0, "children": [{ "menuId": 2, ...原创 2019-08-30 16:41:16 · 1406 阅读 · 3 评论 -
vue3 使用 媒体查询
vue使用媒体查询必须用SCSS原创 2019-08-27 21:35:19 · 5042 阅读 · 0 评论