美文网首页
element之穿梭框

element之穿梭框

作者: timeGap | 来源:发表于2018-12-05 17:19 被阅读0次

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

    element中是这样的

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

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

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

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

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

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

    target-order

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

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

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

    加油咯。

    相关文章

      网友评论

          本文标题:element之穿梭框

          本文链接:https://www.haomeiwen.com/subject/ntuwcqtx.html