How does iview select use v-model to solve the problem of setting invalid default values?

problem description

put a form,form in the dialog box (modal) with a select control. Expect the select to be unselected each time the modal is opened, rather than the value after the last selection.

related codes

{{ item.title }}</i-option>
             </i-select>
        </form-item>
    </i-form>
</modal>

<script>
    new Vue({
        el: "-sharpapp",
        data: {
            show: false,
            formItem: {
                selection: ""
            },
            columns: [
                {
                    key: "sex",
                    title: ""
                },
                {
                    key: "age",
                    title: ""
                }
            ]
        },
        methods: {
            open: function() {
                this.show = true;
                this.formItem.selection = ""
            },
            select: function(selection) {
                ...
            }
        }
    })
</script>

in the above code, when I execute this.selection ="", select is not reset!

Mar.23,2022

the landlord can try the following way:

...
open: function() {
    this.show = true;
    //  this.formItem.selection
    this.formItem.selection = ''
},
...

how about trying this one?

this.$set(this.formItem, "selection", "");

have you solved the problem? I don't update the data either

Menu