xm-select/docs/mds/ZM05.md

动态数据

本地数据动态赋值

:::demo

<div id="demo1" class="xm-select-demo"></div>

<script>
var demo1 = xmSelect.render({
    el: '#demo1', 
    data: []
})

demo1.update({
    data: [
        {name: '张三', value: 1, selected: true},
        {name: '李四', value: 2, selected: true},
        {name: '王五', value: 3, disabled: true},
    ]
})

</script>

:::

远程数据动态赋值

:::demo

<div id="demo2" class="xm-select-demo"></div>

<script>
var demo2 = xmSelect.render({
    el: '#demo2', 
    toolbar: {show: true},
    data: []
})

axios({
    method: 'get',
    url: 'https://www.fastmock.site/mock/98228b1f16b7e5112d6c0c87921eabc1/xmSelect/search',
}).then(response => {
    var res = response.data;
    
    demo2.update({
        data: res.data,
        autoRow: true,
    })
});

</script>

:::