luckysyy的博客

实际开发应用中，后端传给我们都是0,1,2,3等key值，前端要根据key值转换成lable值，这里用filters就比较合适，没有改变原数据，只在视图上体现；全局filters使用// 全局filters定义const filters = { // 数据字典转换 fmtText(value, arr) { let textArr = arr.filter(item => item.datacode == value); return textArr.length > 0

1、mixins混入，混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。api都有介绍，这个不做过多介绍管理系统有很多表格增删改查，每个都写一边，造成代码冗余，且不利用维护，所以我把公共的数据方法抽离出来复用，这里面有表格数据、分页操作、增删改查操作，把接口定义在使用页面中；如下公共mixins对象定义如下实际运用界面，import该mi...

自己动手写了一个分页插件，借鉴了element-ui分页，有不足，请多多指教哦，效果图如下，样式没加修饰，有空再优化优化使用页 <gd-pagination :pageSize.sync="pageSize" :currentPage.sync="currentPage" :total="total" :page-sizes="[2, 3, 4, 5]" layout="total, sizes, prev, pa..

采用组件化开发进行二次封装；效果如下：使用页代码如下：<template> <div class="gd-tree"> <eleTree :data.sync="newData" :fileDrop="fileDrop" :diectoryDrop="diectoryDrop" :delete="deleteBtn" :edit="editBtn" ></el.

1.安装脚手架 创建项目npm install -g @vue/clivue create garden-ui安装中sass-loader、node-sass报错因为版本过高，删除低版本，安装低版本即可npm install sass-loader@5 -Dnpm install node-sass@4 -D

const path = require('path')const { VueLoaderPlugin } = require('vue-loader')const glob = require('glob');const list = {}async function makeList(dirPath, list) { const files = glob.sync(`${dirPath}/**/index.js`) for (let file of files) { const com.

使用element，<el-upload class="upload-demo" :action="url_action_Cont" :on-preview="handlePreview":on-remove="handleRemove" :on-success="onsuccess" :ref="fileList"accept=".doc,.docx,.pdf,.png":...

//模板部分&lt;i class="el-icon-menu mb_icon" @click="mb_menu" ref="mbMenu"&gt;&lt;/i&gt;//js部分放在mountd里：document.addEventListener('click', (e) =&gt; {if (!this.$refs.mbMenu.contains(e.target)) {...

 父组件： 注意一点，这个 :numy = “” 一定要是双引号，单引号不起作用&lt;cnode-head  @getChild="hidePanel" :numy="tr"&gt;&lt;/cnode-head&gt;子组件：{{numy}} //可以直接使用了export default{  props:['numy']}...

父组件：&lt;head @getChild = "hidePanel"&gt;&lt;/head&gt;在methods里加上hidePanel（data）{//进行操作 }子组件：      &lt;li&gt;        &lt;a href ='javascript:void(0)' @click ='hidePanelu'&gt;平台公告&lt;/a&gt;      &lt;/li..