- 博客(8)
- 收藏
- 关注
RSS订阅原创 vue自定义实现iveiw的split-pane组件，实现拖拽
1. 封装split-pane.vue组件：<template> <div class="split-pane" ref='outer'> <div class="left pane" :style="leftStyle">left</div> <div class="mid pane" :style="midStyle" @mousedown="mousedown"></div> <div cl
2020-08-18 17:17:41
1671
原创 vue项目中常用的优秀插件库
1. vue的ui框架：pc端UI框架：iview，element-ui移动端UI框架：参考https://www.jianshu.com/p/c3c671787d1d2. vue的数字动画插件：countup.js库：npm i countupvue-animate-number库：npm ivue-animate-number，参考https://www.npmjs.com/package/animated-number-vue3. vue项目适配：即px转化为rem。参考ht..
2020-08-18 11:49:33
940
原创 vue cli3+搭建vue项目的后端接口返回路由权限（页面级/按钮级）
（一）页面级权限：1. 原理是基于vue-router的router.addRoutes(routes)动态路由添加。2. src/router/index.js：初始化vue-router实例，做路由拦截。import Vue from 'vue'import VueRouter from 'vue-router'import { commonRoutes } from './router'import store from '@/store/index.js'Vue.use(Vu
2020-08-13 16:03:15
2303
原创 vue cli3+/electron-vue项目中基于svg-sprite-loader依赖实现字体图标
1. 在开发环境安装svg-sprite-loader依赖：npm i svg-sprite-loader -D //-D开发依赖2. 在vue.config.js中配置：// vue ui 可视化界面管理配置/eslint/依赖。const path = require('path')function resolve (dir) { // 传值相对路径dir，返回绝对路径 return path.join(__dirname, dir)}module.exports =
2020-08-12 15:33:04
843
2
原创 vue封装简易版的vuex
1. 在src/a-store/index.js：import Vue from 'vue'import AStore from './store'Vue.use(AStore)export default new AStore.Store({ state: { count: '' }, mutations: { setCount (state, val = '') { state.count = val } }, actions: {
2020-08-11 15:23:21
316
原创 vue项目中下载存放在项目中的文件到本地
<div> <a href="1.txt" target="_blank" download="1.txt">下载实例</a></div>在基于vue cli3搭建项目的public文件下放入要下载的文件1.txt。
2020-08-11 10:01:23
5055
1
原创 vue递归实现自定义tree组件
1. 在tree/index.vue中：<template> <div> <ul> <item :model='data'></item> </ul> </div></template><script>import Item from './item'export default { components:{ ..
2020-08-02 22:11:09
752
原创 简单仿写element-ui的表单组件以及校验
1. 创建组件目录结构：2. 在form.vue组件中：<template> <div> <slot></slot> </div></template><script>export default { provide(){ return { form:this //祖先后代传值：祖先传值 } }, props:{ model:{
2020-08-02 17:07:22
430
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人