Vue
刺杀曲奇兔
这个作者很懒,什么都没留下…
展开
-
Vue项目实战总结(一 拦截器的配置)
拦截器统一处理错误及配置请求信息配置方法:1、安装 axios , 命令: npm install axios --save2、在根目录的network目录下新建文件 request.js ,内容如下:import axios from "axios";export function request(config) { //创建axios实例 const instance = axios.create({ baseURL: "http://127.0.0.1:3701",原创 2021-08-26 09:51:18 · 272 阅读 · 0 评论 -
Vue项目实战总结(二 路由)
路由配置router下的index.js中配置方式一import Vue from 'vue'import Router from 'vue-router'import space from '@/views/space'import detail from '@/views/detail'import admin from '@/views/admin'import login from '@/views/login'Vue.use(Router)export default原创 2021-08-26 10:16:29 · 99 阅读 · 0 评论 -
Vue项目实战总结(三 登陆权限)
6用户原创 2021-08-26 10:51:44 · 160 阅读 · 0 评论 -
Vue项目实战总结(四 弹框)
弹框用于在vue中使用rules对表单字段进行验证写在data中<div> <el-dialog title="增加简介" :visible.sync="changeVisible" > <el-form :model="form" :rules="rules" ref="form"> <el-form-item label="一级标题" prop="title1"> <el-input v-model="f原创 2021-08-26 11:45:01 · 281 阅读 · 0 评论 -
Vue项目实战总结(五 插槽)
话不多说,直接开冲<el-table :data="data" style="width: 100%"> <el-table-column align="center" label="一级标题" width="190" > <template slot-scope="scope"> <div slot="reference" class="name-wrapper"> <el-tag size="medium"原创 2021-08-26 15:13:04 · 85 阅读 · 0 评论 -
Vue项目实战总结(六 element ui 中的消息提醒)
this.$message('这是一条消息提示');this.$message({ message: '恭喜你,这是一条成功消息', type: 'success' });this.$message({ message: '警告哦,这是一条警告消息', type: 'warning' });this.$message.error('错了哦,这是一条错误消息');this.$原创 2021-08-27 11:43:00 · 525 阅读 · 0 评论 -
Vue项目实战总结(七 页面刷新)
全局刷新window.location.reload();局部刷新用于页面分区域后某一区域修改数据后的刷新父组件<router-view v-if="isRouterAlive" ></router-view>export default { provide() { return { reload: this.reload }; }, data() { return { isRouterAlive: true}; }原创 2021-08-27 11:47:53 · 69 阅读 · 0 评论 -
Vue项目实战总结(八 组件传值)
父子组件父子组件有两种形式第一种:在同一个vue文件中 <div id="box"> <!-- 使用组件aaa --> <aaa></aaa> </div> var vm = new Vue({ el:'#box', components:{ 'aaa':{ template: '<h2>我的aaa组件,我有子组件bbb原创 2021-08-27 15:51:37 · 208 阅读 · 1 评论