包子源的博客

使用vue-easytable实现仿excel表格，支持可编辑、添加删除行、虚拟表格等功能

<template> <div class="root"> <transition-group tag="div" class="container"> <div class="item" :class="'item' + i" v-for="(item, i) in items" :key="item.key" :style="{ 'background-co.

1.安装eslint2.打开 文件>首选项>设置，打开设置，添加配置代码配置代码"editor.codeActionsOnSave": { "source.fixAll.eslint": true},"eslint.format.enable": true,//autoFix默认开启，只需输入字符串数组即可"eslint.validate": ["javascript", "vue", "html"]...

VUE中使用工作流流程图树结构（数据驱动动态树结构）

<template> <div class="bodybox"> <el-table class="treetable" ref="fixtable" border :data="tableData" row-key="id" default-expand-all :tree-props="{ children: 'children', hasChildren: 'hasChild.

element树状表格checkbox选父带子，取消子取消父代码：<template> <div class="bodybox"> <el-table ref="fixtable" border :data="tableData" v-loading="tableLoading" row-key="id" default-expand-all :tree-props="{

使用el-select和el-tree组件，实现下拉树选择组件封装，先看一下效果吧：封装组件SelectTree.vue<!-- 树状选择器 --><template> <el-select ref="mySelect" v-model="treeName" placeholder="请选择" > <el-option :value="treeName" style="height: auto">

需要修改\src\store\modules\permission.js文件import { getMenu } from '@/api/admin'export function generaMenu(routes, data) { data.forEach(item => { const menu = { path: item.url, component: item.component == 'Layout' ? Layout : () =>

//导出接口export function buildingExport() { return request({ url: '/building/excel/export', method: 'get', responseType: 'blob' //必须要加上，转为blob类型 })}//导出方法buildingExport().then(respo...

封装Cascader 级联选择器动态加载组件实现省市区三级联动组件代码片段<template> <el-cascader ref="myCascader" @change="handleChange" v-model="partyOrganId" placeholder="请选择" :props="areaprop"></el-cascader>...

一般来说在后台返回的数据大多是英文或者数字。比如，1代表男；2代表女。如何在element-ui中实现转换呢。需要用到formatter。具体代码如下：<el-table :data="tableData" highlight-current-row style="width: 100%"> <el-table-column prop="name"

请参考： https://github.com/davidroyer/vue2-editor基本用法：首先，使用npm安装 npm install --save vue2-editor具体代码： import { VueEditor } from 'vue2-editor' export default { compone

首先需要修改config/index.js文件：

Vue作为2016年最火的框架之一，以其轻量、易学等特点深受大家的喜爱。并与angular和react前端框架三分天下。今天简单介绍一下Vue的使用。首先，需要在官网下载vuejs，或者直接用cdn库。以下实例使用Vue实现数据绑定与判断循环：v1.html: {{message}}