Element中如何让多个按钮绑定同一个el-popover

2025-10-10 19:12:03

1、<el-popover

  ref="popover5"

  placement="top"

  width="160"

  v-model="visible2">

Element中如何让多个按钮绑定同一个el-popover

2、  这是一段内容这是一段内容确定删除吗?

  <div style="text-align: right; margin: 0">

    <el-button size="mini" type="text" @click="visible2 = false">取消</el-button>

Element中如何让多个按钮绑定同一个el-popover

3、    <el-button type="primary" size="mini" @click="visible2 = false">确定</el-button>

  </div>

</el-popover>

<el-button v-popover:popover5>删除</el-button>

Element中如何让多个按钮绑定同一个el-popover

4、在data中定义visible2为false,点击删除,popover展示;再点击取消或确定按钮的隐藏popover,并处理相应逻辑。

Element中如何让多个按钮绑定同一个el-popover

5、tableData: [{

          date: '2016-05-02',

          name: '王小虎',

          address: '上海市普陀区金沙江路 1518 弄',

          visible: false

        }, {

          date: '2016-05-04',

Element中如何让多个按钮绑定同一个el-popover

6、          name: '王小虎',

          address: '上海市普陀区金沙江路 1517 弄',

          visible: false

        }, {

          date: '2016-05-01',

          name: '王小虎',

          address: '上海市普陀区金沙江路 1519 弄',

          visible: false

        }]

Element中如何让多个按钮绑定同一个el-popover

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢