element之穿梭框

2018-12-05  本文已影响0人  timeGap

开发中可能遇到各种奇葩的需求,比如今天需求说穿梭框右面要提供个上移下移的功能。

element中是这样的

<el-transfer v-model="value1" :data="data"></el-transfer>

data: generateData(), value1: [1, 4] 

这样有什么问题,你如果碰到这个问题会发现,默认的穿梭框会给你按数据源默认排序

导致你写了两个按钮,功能写完后,debugger数据看着都变了,页面没反应,好像是页面没有渲染。

你又找了很多重新渲染页面的方法,结果又是一顿失望。

其实呢,我们只需要这么个属性

target-order

改成push或者unshift都可以,其中细节我觉得作为一个前端工程师不用讲太明白,可翻element官网。

一个灵感,自己发掘技术。

如果你碰到这种问题,文章一定会对你有帮助。

加油咯。

上一篇 下一篇

猜你喜欢

热点阅读