malunan-CSDN博客

原创 element表格数据发生变化表格错位解决方案

如图所示element表格数据发生变化表格错位data(){ return { //表格数据 tableData:[], } }, watch:{ tableData(val){ console.log(val) this.doLayout() } }, methods:{ //表格错位问题 doLayout(.

2020-08-12 14:04:45 1233 1

原创分页器基于element简单封装

//导入<pagination :total='page.total' :page='page.current' :limit='page.size' @update:limit='updatelimit' @update:page='updatepage' @paginatio

2020-08-11 13:49:02 288

原创 eventBus+vue-router+element写tab标签页

eventBus.js//新建eventBus实例import Vue from 'vue'export default new Vue()router.js//meta传递name名{ path: '/version/defDetail', name: 'VersionDefDetail', meta:{ name:'标签1', },//全局路由守卫router.beforeEach((to, from, next) =&

2020-07-10 09:32:27 327 1

原创 vue+element上传附件大小限制，个数限制

在emelent上传附件onSuccess钩子中写下面判断//在emelent上传附件onSuccess钩子中写下面判断//回调 onSuccess: function (response, file, fileList) { if (response.data) { if(file.size>5242880){ this.$message({

2020-07-09 16:27:27 2644

原创如何做一个自己的博客

vuepress 轻量级VuePress由两部分组成：一部分是支持用 Vue 开发主题的极简静态网站生成器，另一个部分是为书写技术文档而优化的默认主题。它的诞生初衷是为了支持 Vue 及其子项目的文档需求。它以 Markdown 为中心的项目结构，以最少的配置帮助你专注于写作；享受 Vue + webpack 的开发体验，可以在 Markdown 中使用 Vue 组件，又可以使用 Vue 来开发自定义主题；它会为每个页面预渲染生成静态的 HTML，同时，每个页面被加载的时候，将作为 SPA 运行。...

2022-08-04 17:45:19 155

原创【vuepress】自动生成侧边栏

VuePress是尤雨溪尤大为了支持Vue及其子项目的文档需求而写的一个项目，VuePress界面十分简洁，并且非常容易上手，花少量时间就可以将项目架构搭好。

2022-07-20 16:34:42 2226

原创 5分钟手撕换牌效果

创建一个父元素testBox和子元素pai设置两个一模一样的数组变量。一个用来渲染，一个用来变化。如果在同一数组做操作，会导致transition不生效给他们设置样式父元素设置相对定位，子元素绝对定位，按照个数设置 width的百分比，总和为100%重点点击事件，传数组1的值，找到在数组2中位置，进行替换顺序操作循环数组1，通过动态的left值，来进行位置变换。在数组2中所在的索引值，就是他的位置...

2022-06-29 15:33:24 244

原创 vue的实现原理

核心总体结构创建一个对象原型接受参数是一个对象对象内包含：节点，变量，方法//options对象{ el: '#app', data: { }, methods: { } ... ...}class Vue( ){ constructor(options){ //参数变量赋值 this.$options = opt

2020-12-18 15:47:53 953 2

原创如何创建属于自己的脚手架

原理我们每次搭建项目都需要创建项目，然后进行一系列的基础配置，封装基础api ，配置webpack,浪费了很多时间和精力，用自己封装的脚手架模板就可以每次像创建vue,react那样一样简单，有能力的还可以去封装自己的框架。参考自beleve666大神的文章源码查看github原理就：利用npm封装插件，拉取我们在github上托管的项目，拉取完毕后把依赖的.git .svn删除掉并用node.js更改json参数1. 先上插件依赖commander:完整的 node.js 命令行解决方案d

2020-12-18 13:37:58 1216

原创 vuepress自动生成侧边栏可排序

前言：vuepress需要手动设置侧边栏、导航栏，导入大量笔记就很费时间。为了能够专心写作而不用去管侧边栏、导航栏的引入下载npm i vuepress-sidebar-atuo引入const {getChildren} = require("vuepress-sidebar-atuo")使用module.exports = { '/views/': [ { title: '基础知识', collapsabl.

2020-12-18 13:36:43 1137

原创路由跳转相同路径报错问题解决

路由跳转相同路径报错问题解决//router.js加入const originalPush = Router.prototype.pushRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err)}//解决刷新页面404export default new Router({ mode: 'history', base

2020-08-13 10:53:18 770

原创通用自定义组件注册到全局

如果自己自定义的通用组件频繁被调用，又不想每次都引入注册一遍，那该怎么办？例如一个icon组件<template> <div class="svg-icon-box"> <svg v-if="type==='del'" class="svg-del" width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" x

2020-08-07 18:05:09 480

原创前端下载后台返的二进制

//在axios请求时添加一个字段 responseType='blob' (一定要添加）//axios内添加请求拦截器response => {//如果有这个blob字段就进入条件 if(response.config && response.config.responseType == 'blob') {//type内写请求头的类型 const blob = new Blob([response.data], { type: 'applicatio

2020-07-09 16:43:56 296

Ma_lunan的博客