How to display Hidden with multiple popover in elemen-ui

element-uipopver

popover
clipboard.png
clipboard.png

Feb.13,2022

because popover is controlled by v-model, which is a two-way binding, each popover must be controlled independently with one variable
the variables added to the scope will only affect the line, and then four variables will be added to the scope with four buttons per line

  <el-table
    :data="tableData">
    <el-table-column label="1">
      <el-popover v-model="scope.show1">
          <el-button  @click="scope.show1=false">1</el-button>
      </el-popover>
    </el-table-column>
    <el-table-column label="2">
      <el-popover v-model="scope.show2">
          <el-button  @click="scope.show2=false">2</el-button>
      </el-popover>
    </el-table-column>
    <el-table-column label="1">
      <el-popover v-model="scope.show3">
          <el-button  @click="scope.show3=false">3</el-button>
      </el-popover>
    </el-table-column>
    <el-table-column label="1">
      <el-popover v-model="scope.show4">
          <el-button  @click="scope.show4=false">4</el-button>
      </el-popover>
    </el-table-column>
  </el-table>
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-1b3055f-2bceb.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-1b3055f-2bceb.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?