如何在表格按钮中打开新的表格

如何在表格按钮中打开新的表格，弹出样式的，像编辑添加一样

已采纳

record

这家伙很懒，什么也没写~

7月前

写一个dialog就行了，然后插入表格

赞同(1)

XueChen

这家伙很懒，什么也没写~

7月前

在 Vue 中，你可以使用 Element UI 的 <el-dialog> 组件来创建一个弹出的对话框，然后在对话框中放置一个新的表格
<template>

<el-table :data="mainTableData"> <el-table-column> <template slot-scope="scope"> <el-button @click="openDialog(scope.$index, scope.row)">打开新表格</el-button> </template> </el-table-column> </el-table>

<!-- 弹出的对话框 -->
<el-dialog v-model="dialogVisible" title="新表格">
  <el-table :data="dialogTableData">
    <!-- 在这里添加你的列 -->
  </el-table>
  <span slot="footer" class="dialog-footer">
    <el-button @click="dialogVisible = false">取消</el-button>
    <el-button type="primary" @click="save">保存</el-button>
  </span>
</el-dialog>

</template>

cleanXss

赞同(0)

XueChen

这家伙很懒，什么也没写~

7月前

大致看你做在那里，弄在index更简单引用import FormItem from '/@/components/formItem/index.vue'就行

赞同(0)

guo1998

这家伙很懒，什么也没写~

7月前

感谢您的回答，还是有点不太明白，就是如何在表格中打开新的表格呢，有没有示例代码呢。{ field: 'buttons', width: "120px", title: __('按钮组'), table: table, events: Table.api.events.operate, buttons: [ { name: 'detail', text: __('弹出窗口打开'), title: __('弹出窗口打开'), classname: 'btn btn-xs btn-primary btn-dialog', icon: 'fa fa-list', url: 'example/bootstraptable/detail', callback: function (data) { Layer.alert("接收到回传数据：" + JSON.stringify(data), {title: "回传数据"}); }, visible: function (row) { //返回true时按钮显示,返回false隐藏 return true; } },像fastadmin中就是这种写法

赞同(0)