表单中含有可多选的下拉列表，当选择选项后，点击重置按钮时，报错

[www311]

表单中含有可多选的下拉列表，当选择选项后，点击重置按钮时，报错如下。

<template>
    <s-card style="margin-bottom: 15px;">
         <s-button 
                type="primary"
                on-click="toAdd">增加用户</s-button>
         <s-modal
                title="增加用户"
                visible="{=visible=}"
                on-ok="handleNewSubmit"
                cancelText="重置"
                on-cancel="handleNewCancel"
            >
                <s-form s-ref="form">
                    <s-formitem label="topic名称">
                        <s-select
                                mode="multiple"
                                decorator="{{decorators.topicIds}}"
                                placeholder="请选择topic名称"
                            >
                                <s-select-option 
                                    s-for="item in topicData"
                                    value="{{item.id}}"  
                                >
                                    {{item.name}}
                                </s-select-option>
                        </s-select>
                    </s-formitem>
                    <s-formitem label="邮箱前缀">
                        <s-input decorator="{{decorators.username}}" placeholder="请输入邮箱前缀" />
                    </s-formitem>
                </s-form>
            </s-modal>
    </s-card>
</template>

<script>
import {
    Form,
    Input,
    Button,
    Row,
    Col,
    Icon,
    Select,
    DatePicker,
    InputNumber,
    Modal,
    Card,
    Switch,
    Checkbox
} from 'santd';
 const consts = [
    {
        label:'Topic名称',
        key:'topicIds',
    },
    {
        label:'邮箱前缀',
        key:'username',
    },
    {
        label:'中文名',
        key:'name',
    },
    {
        label:'端方向',
        key:'clientEnd',
    }
].reduce((previous, {key, label}) => {
    previous.decorators[key] = {
        name: key,
        rules: [
            {
                required: true,
                message:`请${(key === 'clientEnd' ? '选择' : '输入') + label}`
            },
        ],
    }
    previous.searchOptions[key] = '';
    return previous;
}, {
    searchOptions: {},
    decorators: {}
});
export default Form.create({ name: 'user' })({
    components: {
        's-form': Form,
        's-date-picker': DatePicker,
        's-formitem': Form.FormItem,
        's-row': Row,
        's-col': Col,
        's-card': Card,
        's-input': Input,
        's-button': Button,
        's-icon': Icon,
        's-select': Select,
        's-select-option': Select.Option,
        's-checkboxgroup': Checkbox.Group,
        's-input-number': InputNumber,
        's-modal': Modal,
        's-textarea': Input.TextArea,
    },
    initData () {
        return {
            ...consts,
            visible: false,
            topicData:[{
                id:1,
                name:'t1'
            },{
                id:2,
                name:'t2'
            }]
        }
    },
    toAdd(){
        this.data.set('visible', true);
    },
    async handleNewSubmit(e) {
        const form = this.ref('form').form;
        await form.validateFields(async (err, values) => {
            console.log(values);
        });
    },
    handleNewCancel(e) {
        const form = this.ref('form').form;
        form.resetFields();
    },
});
</script>

[Lohoyo]

感谢反馈，我看看。

[Lohoyo]

我用你的代码，按照你说的步骤操作，虽然也报错了，但是报的错和你的不一样😅

[Lohoyo]

你在你的项目的 node_modules 里的 santd 里找到以下代码：

let selectedValues = value;

然后把它替换成：

let selectedValues = value || [];

看看有没有解决你的报错，我这么改是能解决我这的报错的，不过毕竟我俩的报错不完全一样，所以你也试一下比较稳妥。

[Lohoyo]

已发包，版本是 1.0.12