How do I prevent the refresh of the .open () page in vue?

A mintui time control is used in the

page, but every time the time control pops up for the first time, the page will be refreshed and the above option data will be emptied. How to prevent this refresh event without using the method of automatically saving option data?

< H3 > is very strange. The same page only appears when it is clicked for the first time. This problem will not occur again after refreshing the page

< el-form-item label= "end time:" >

        <el-col>
            <mt-button @click="open("picker")" size="large">{{end | formatDate}}</mt-button>
            <mt-datetime-picker class="picker_show"
                        ref="picker"
                        type="datetime"
                        v-model="end"
                        :startDate = "startDate"
                        :endDate = "endDate"
            ></mt-datetime-picker>
        </el-col>
    </el-form-item>
    
    

/ / this is the method called in method.

 open(picker) {
  this.$refs[picker].open(); //

},


Jun.19,2021
Menu