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
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3a1d3-4122b.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3a1d3-4122b.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?