About the question that element-ui popover pops up

I have an event that clicks to trigger a pop-up box, and then requests the background to send me a picture address. I display this picture in the pop-up box, but sometimes this address is not passed to me, so I don"t need to let it pop up, so I just add brother disabled
< template slot-scope="scope" >

.
      <el-popover
        placement="left"
        width="150"
        trigger="click"
        class="showAcode"
        :disabled="scope.row.QRcode==undefined"
      >
        <img
          :src="scope.row.QRcode"
          alt="..."
          width="100%"
        >
        <el-button
          type="text"
          size="midium"
          slot="reference"
          @click="showQcode(scope)"
        ></el-button>
      </el-popover>

the problem comes that the pop-up position placement written in this way is invalid for the first time, and the pop-up box will be covered on the button, then click the blank, and then click the trigger button to show that it is normal. can you solve this problem?

Feb.17,2022

using v-model to bind a special value instead of disabled can solve my above problem

Menu