vue 大量图片展示_Ant Design of Vue 展示多张图片

//Vue.use(vueDirectiveImagePreviewer)

export default{

name:'TableList',

components: {

STable

},

inject:['reload'],

data () {return{

pagination:{

total:0,

pageSize:10,//每页中显示10条数据

showSizeChanger: true,

showTotal: total=> `共有 ${total} 条数据`, //分页中显示总的数据

},

searchWord:'',

keyword:'',

dateString:'',

date:'',

imgUrl:'http://xxx.com/',(图片域名)

selectIndex: undefined,

active:1,

isChoose:false,

operation2:[],

list:[],

currentCategory:[],

description:'列表使用场景：后台管理中的权限管理以及角色管理，可用于基于 RBAC 设计的角色权限控制，颗粒度细到每一个操作类型。',

visible:false,

visible2:false,headers: {

authorization:'authorization-text',

}