weixin_44432032的博客

条件：我们已经有后台上传图片的接口1.图片上传代码<template> <Upload action="http://api1.vue1.com/index/system/uploadimg"//上传接口地址 :on-success="imguploads">//上传回调 <Button icon="ios-cloud-upload-outline">上传图片</Button> </Upload>

1.在data中定义loading: false,2.在使用的地方添加代码 :loading=“loading”<template> <Table :columns="columns1" :data="data1" :loading="loading"></Table></template>3.改变loading的值methods:{ async list(){ this.loading=true; let re

export default { data () { return { columns1: [ { title: '编号', key: 'id' }, { title: '姓名

1.props参数2.事件3.插槽

{ title:'图片', key:'imgs', render:(h,obj)=>{ return h('img',{ attrs:{ src:obj.row.imgs }, style:{ width:'100px' } }) } },

1.普通函数中的this，表示的是本函数2.箭头函数中的this，表示的是vue实例

1.关于路由我们为了简介和方便我们可以把路由的相关配置放到另外的一个文件之中下面是没有分离之前的import Vue from 'vue'import VueRouter from 'vue-router'import Home from '../views/Home.vue'import Admin from '../layout/admin.vue'Vue.use(VueRouter)const routes = [ { path: '/', name: 'Admi