如何解决xm-select的回显问题？

始于Layui, 下拉选择框的多选解决方案

下载地址: https://gitee.com/maplemei/xm-select

文档地址: https://maplemei.gitee.io/xm-select/

使用方式

//第一步, 下载, 然后引入xm-select.js
<script src="dist/xm-select.js" type="text/javascript" charset="utf-8"></script>

//第二步, 页面写一个占位标签
<div id="demo1"></div>

//第三步, 去渲染这个标签
var demo1 = xmSelect.render({
    el: '#demo1', 
    data: [
        {name: '水果', value: 1, selected: true, disabled: true},
        {name: '蔬菜', value: 2, selected: true},
        {name: '桌子', value: 3, disabled: true},
        {name: '北京', value: 4},
    ],
})

一个小栗子

回显方式

1. 对象中加上selected: true即可
2. 使用setValue方法

demo1.setValue([
    {name: '蔬菜', value: 2, selected: true},
    {name: '北京', value: 4, selected: true},
])

3. 用update方法更新data数据

//这种方式会更新整个数据
demo1.update({
    data: [
        {name: '蔬菜', value: 2, selected: true},
        {name: '北京', value: 4, selected: true},
    ]
})

当然, 更多的问题就去看看文档吧~~