开发中可能遇到各种奇葩的需求,比如今天需求说穿梭框右面要提供个上移下移的功能。
element中是这样的
<el-transfer v-model="value1" :data="data"></el-transfer>
data: generateData(), value1: [1, 4]
这样有什么问题,你如果碰到这个问题会发现,默认的穿梭框会给你按数据源默认排序
导致你写了两个按钮,功能写完后,debugger数据看着都变了,页面没反应,好像是页面没有渲染。
你又找了很多重新渲染页面的方法,结果又是一顿失望。
其实呢,我们只需要这么个属性
target-order
改成push或者unshift都可以,其中细节我觉得作为一个前端工程师不用讲太明白,可翻element官网。
一个灵感,自己发掘技术。
如果你碰到这种问题,文章一定会对你有帮助。
加油咯。
网友评论