You瞧谁不起 - 道不尽世间的沧桑，诉不完人生的悲凉

ElementUI 扩展实现表格组件的拖拽行

ElementUI 扩展实现树形结构表格组件的勾父选子、半勾选、过滤出半勾选节点功能

echarts地图省市区联动

利用 html2canvas、JsPDF 依赖实现打印功能

Vue3项目构建动态参数lodash计算属性侦听器 (watch、watchEffect)v-for在组件上使用 v-for复选框、选择框、lazy、numberAttribute在组件上使用 v-model插槽祖孙组件传值(provide、inject)动态组件异步组件(defineAsyncComponent、Suspense)模板引用ref生命周期setup、ref、toRef、toRefsMixinTeleportcustomRefreadonly、shallowReadonlyshallowRea

展示源码<template> <div> <el-divider>修改echarts横坐标顺序</el-divider> <el-row> <el-col :span="24"> <v-chart style="height: 300px;" :options="option1" autoresize theme="dark"&g

话不多说，上才艺安装momentnpm install momenthttp://momentjs.cn/html<el-date-picker v-model="week" type="week" format="yyyy 第 WW 周" placeholder="选择周" @change="handleWeekChange"/>jsdata(){ return{ week: '' }}handleWeekChange(val){ let year =

展示安装npm install vue-echarts源码main.js// main.jsimport 'echarts'import ECharts from './components/ECharts';Vue.component('v-chart', ECharts);组件 src/components/ECharts.vue<!-- 组件 src/components/ECharts.vue --><template> <div&g

展示源码<template> <div style="padding: 50px;"> <el-scrollbar ref="scrollbar" style="height: 500px;background-color: #fafafa;"> <p v-for="item in 200" :key="item" class="scrollbar-demo-item">{{ item }}</p&g

require.context// directory: 要查找的文件路径// useSubdirectories: 是否查找子目录// regExp: 要匹配文件的正则require.context(directory, useSubdirectories, regExp)在Vue项目中的使用// src/assets/api/index.jsimport Vue from "vue";const getApi = { install() { Vue.proto

展示搭建Vue3项目npm init @vitejs/app安装国际化依赖插件npm install vue-i18n@next创建language文件夹src\language\en.js// src\language\en.jsexport default { message: { Home: 'home', About: 'About', productService: 'productService', cases:

Compile源码const handles = { // v-click vclick: { implement(vm, node, name, value) { let fun = vm.$methods[value]; node.addEventListener('click', function(){ fun.call(vm); return fun;

出错原因解决方法

创建项目node版本vue版本 - 安装所需打包直接打包，将打包后的文件夹放到vscode中，然后用IE打开发现能正常运行。但是创建一个项目不可能什么第三方都不安装。示例：安装echarts vue-echartsnpm install echarts vue-echarts引用插件// main.js···import 'echarts';import ECharts from 'vue-echarts/components/ECharts.vue';Vue.com

ElementUI项目搭建整理案例地址目录结构目录`package.json`搭建项目创建vue项目安装ElementUI框架安装数据请求依赖axios安装mockjs（前端假数据）安装uuid依赖（定义前端唯一id）安装vuex数据持久化插件安装定义全局less开发依赖配置 keep-alive修改项目Title根据项目需要进行其他工具依赖安装配置案例地址http://www.baidu.com/目录结构目录package.json搭建项目创建vue项目安装ElementUI框架

警告解决方式<style scoped>.a >>> .b { /* ... */ }</style><!-- or --><style scoped lang='less'> @deep: ~'>>>'; .box { @{deep} .title { } }</style>

vuex插件官网： https://vuex.vuejs.org/zh/guide/plugins.html示例<!-- @/views/Login.vue --><template> <div class="login"> {{$store.state.data.name}} </div></template><script>export default { name: 'Login',

展示源码<template> <div class="about"> <ul class="nav"> <template v-for="(item, index) in list"> <li :class="{'active': current === index}" @click="scrollToView(item, index)" :key="item.name">{{item.name}}&l

准备npm i echarts-extension-amapimport "echarts-extension-amap";npm i echartsimport echarts from "echarts";npm i @amap/amap-jsapi-loaderimport AMapLoader from "@amap/amap-jsapi-loader";展示完整代码<template> <div class="home">

来吧，展示源码<template> <div> <el-table :data="tableData" border> <template v-for="(item, index) in tableHeader"> <el-table-column :key="index" :prop="i