onlyjin的博客

安装node.js 安装vue-cli，npm install vue-cli（若想要自己重新创建应用，则安装vue-cli，若使用其他开源项目二次开发，则无需安装） 当国外镜像反应慢，可更改为淘宝镜像，以下三个方法可选： 通过config命令 npm config set registry https://registry.npm.taobao.org...

修改@/src/router/index.js(@代表项目根路径，下同) 定义静态路由变量，代表登录前的两个页面login和404 export const constantRouterMap = [ { path: '/login', component: () => import('@/views/login/index'), hidden: true }, { path...

安装il8n 命令进入项目根目录，执行命令安装vue-i18n npm install vue-i18n --save   @/src/main.js文件修改，添加以下代码（同原代码重复部分可忽略）(@代表项目根路径，下同) import i18n from './lang'Vue.use(ElementUI, { locale, i18n: (key, valu...

进入图标库下载需要的图标，推荐阿里的：http://iconfont.cn/home/index 选择图标的svg格式下，完成后放入项目根目录下的\src\icons\svg文件夹 代码中使用以下代码即可 <svg-icon class-name="international-icon" icon-class="walmart" />   ...

html部分 红色部分为使用筛选的必填项，蓝色部分参数及方法名称根据场景自定义<el-table :data="list" v-loading="listLoading" element-loading-text="Loading" border fit highlight-current-row @filter-change="filterChange">  <el-ta...

1.拷贝相应文件到对应目录  2.store/index.js如下添加import tagsView from './modules/tagsView'参考文章https://blog.youkuaiyun.com/connie_0217/article/details/79523955 3.添加页面刷新功能拷贝以下文件到相应目录...

在上一节的基础上1.修改route/index.js,将路由配置为嵌套路由，2.修改layout/layout.vue3.修改appMain.vuereflashRouterView的relashKeys的重新赋值需要修改为Vue.set()响应更新，否则页面不会实时刷新！4.修改tagsView.vue...

组件部分<template> <div class="todo-contain"> <h1>TODOS</h1> <div class="todolist-contain">