Iview encountered an error when modal switched select

problem description

this is the sample address

Link address

Click the data A drop-down, the drop-down data will appear, then randomly select one, finally click cancel,
then click the data B drop-down, there will be no data, and then enter a B or casually enter the text and delete it, you can display the data of the drop-down B

the environmental background of the problems and what methods you have tried

vue2+iview

related codes

/ / Please paste the code text below (do not replace the code with pictures)

what result do you expect? What is the error message actually seen?

after switching, there is no direct drop-down to display the data of B

Apr.09,2021

you can add this.dataValue='' at the beginning of both showA () and showB ()

showA(){
      this.dataValue=''
      this.showData=this.dataA;
      this.showModal=true;
    },
    showB(){
      this.dataValue=''
      this.showData=this.dataB;
      this.showModal=true;
    },

use the setQuery method, and there is a solution in the link

Menu