vue
朗里格儿浪
这个作者很懒,什么都没留下…
展开
-
VUE全家桶项目实战-- 9.组件新增/编辑对象
VUE全家桶项目实战-- 9.组件新增/编辑对象一.Dialog 对话框<template> <div><el-button type="text" @click="openDialog('1',row)">新增</el-button> <!-- 列表区每一行后面操作区域的按钮,利用scope.row可以获取...原创 2020-05-07 22:59:34 · 213 阅读 · 0 评论 -
VUE全家桶项目实战-- 8.组件分页区
VUE全家桶项目实战-- 8.组件分页区一.Pagination 分页一.Pagination 分页<template> <!-- @size-change: 页面大小改变绑定的函数 @current-change:页码更改绑定的函数 :current-page:当前页码 :page-size:页面大小 :total: 总记录数 layout:组件...原创 2020-05-07 22:20:32 · 223 阅读 · 1 评论 -
VUE全家桶项目实战-- 7.组件表格区
VUE全家桶项目实战-- 7.组件表格区一.Table表格二.拓展一.Table表格<template> <!-- :data : 显示的集合数据 width:表格宽度 border : 是否带有纵向边框 --> <el-table :data="list" style="width: 100%"> <!-- ...原创 2020-05-06 22:57:42 · 263 阅读 · 0 评论 -
VUE全家桶项目实战-- 6.组件布局和操作区
VUE全家桶项目实战-- 6.组件布局和操作区一.组件布局,大致分为3个区域:操作区,列表区,分页区二.操作区域1. Select 选择器2.Input 输入框3.DateTimePicker 日期时间选择器一.组件布局,大致分为3个区域:操作区,列表区,分页区二.操作区域1. Select 选择器<!-- v-model: 绑定的值,也可以是一个对象 :value = ite...原创 2020-04-26 22:21:24 · 306 阅读 · 0 评论 -
VUE全家桶项目实战-- 5.标签页的组件缓存/删除缓存和退出登录
VUE全家桶项目实战-- 5.标签页的组件缓存/删除缓存和退出登录一.标签页的优化1.vue 代码2.组件名称为各个组件的name对应的值3.添加删除标签的js 代码二.退出登录1.vue代码2.相关JS代码3.登录的JS代码一.标签页的优化 功能实现为:点击菜单,添加标签,同时缓存组件页面内容,点击不同的标签,组件会记录之前的内容,页面记录不会更改,删除标签,则不会缓存组件内容,下一次再点...原创 2020-04-25 22:35:30 · 397 阅读 · 0 评论 -
VUE全家桶项目实战-- 4.后台首页布局
VUE全家桶项目实战-- 4.后台首页布局一.页面布局二.创建Home组件三.路由index.js 文件配置主页路径四.添加welcome组件一.页面布局<el-container> <el-header>Header</el-header> <el-container> <el-aside width="200px">...原创 2020-04-21 23:06:50 · 510 阅读 · 0 评论 -
VUE全家桶项目实战-- 3.根界面和路由的配置,登录界面设计
VUE全家桶项目实战-- 3.根界面和路由的配置,登录界面设计一.App.vue 根界面的配置二.在components 路径下创建login.vue三.配置路由router四.后端跨域配置一.App.vue 根界面的配置<template> <div id="app"> <!-- 路由占位符,这里设置这个就可以了 --> <rout...原创 2020-04-20 19:45:04 · 776 阅读 · 0 评论 -
VUE全家桶项目实战-- 2.vue-cli 脚手架安装项目
VUE全家桶项目实战-- 2.vue-cli 脚手架安装项目一.下载项目(使用vue-cli 2.0安装)二.依赖下载三.启动项目一.下载项目(使用vue-cli 2.0安装) 在目标文件夹中打开CMD 窗口vue init webpack vue-admin-master(项目名,不要有中文,不要大写)二.依赖下载 cmd : cnpm install 用cnpm 比用 n...原创 2020-04-10 15:19:06 · 157 阅读 · 0 评论 -
VUE全家桶项目实战-- 1.软件安装
VUE全家桶项目实战-- 1.软件安装一.安装node.js二.安装淘宝镜像三.安装vue/vue-cli/webpack/webpack-cli一.安装node.js 注意事项:尽量不要安装在C盘,(这个后期再讲) 安装完在装路径下cmd: npm -v 出现版本号就安装成功 1.再文件夹下新增node_cache,node_global 两个文件夹 2.设置环境变量...原创 2020-04-10 14:52:37 · 288 阅读 · 0 评论