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>
Menu