element-ui的穿梭表数据异步加载

2024-04-30 448℃

技术栈:Vue2,ElementUI,穿梭表

文章大约xx字,阅读大概需要xx分钟。

今天公司的项目要做权限分级,在制作角色权限分配功能的时候使用到了穿梭表的功能,数据绑定的时候,发现elementui的穿梭表绑定的数据只能绑定静态数据,也就是只能在data函数内写好加载穿梭表数据的方法,然后直接在定义函数的时候直接将变量赋值即可,如下图所示,

官方演示版本

由于官方给出的示例不全,不知道怎么异步从服务器绑定需要的数据,所以折腾了好一阵,希望接下来的教程对看到这篇文章的你能有所帮助!!!

官方给出的示例是箭头函数,那么怎么在官方给出的数据的基础上异步从服务器加载我们需要的穿梭表数据呢,平时我们在method里定义异步加载数据的方法是使用的是async跟await,同样,我们直接在data函数里使用异步加载定义函数,然后将异步加载的数据直接赋值给data函数返回的变量即可。

非特殊说明,本博所有文章均为博主原创。