andt 树形table搜索前端实现    占位空格

①let btn_deptName=ref('')

记得引入getRawDataSource  

  const [registerTable, { getSelectRows, clearSelectedRowKeys,getRawDataSource  }] = useTable({
    afterFetch: () => {
      const result = getRawData();
      return result;
    },
    beforeFetch: (t) => {
      btn_deptName.value=t.deptName
    }

方法

  const getRawData = () => {
    if(btn_deptName.value && btn_deptName.value.length > 0){
      let getFormData = getRawDataSource().filter(item => item.deptName.includes(`${btn_deptName.value}`));
      return getFormData;
    }else{
      let getFormData =getRawDataSource()
      return getFormData;
    }
  
  };

  • 4
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
根据您提供的引用内容,我了解到您想了解如何实现vxe-table树形表格的前后端java代码。下面是一个简单的实现过程: 1. 后端Java代码实现: 在后端,您需要定义一个树形结构的数据模型,例如: ``` public class TreeNode { private String id; private String label; private List<TreeNode> children; // getter and setter methods } ``` 然后,您需要编写一个Controller来处理前端的请求,并返回树形结构的数据。例如: ``` @RestController @RequestMapping("/api") public class TreeController { @GetMapping("/tree") public List<TreeNode> getTree() { // 从数据库或其他数据源获取树形结构的数据 List<TreeNode> tree = new ArrayList<>(); // 构造树形结构的数据 return tree; } } ``` 2. 前端Vue代码实现: 在前端,您需要使用vxe-table组件来实现树形表格的展示。首先,您需要安装vxe-table组件: ``` npm install vxe-table --save ``` 然后,在Vue组件中引入vxe-table组件,并使用tree-config配置项来实现树形表格的展示。例如: ``` <template> <vxe-table :data="treeData" :tree-config="{children: &#39;children&#39;}"> <vxe-table-column type="index" width="60"></vxe-table-column> <vxe-table-column field="label" title="Label"></vxe-table-column> </vxe-table> </template> <script> import &#39;vxe-table/lib/style.css&#39; import VXETable from &#39;vxe-table&#39; export default { data() { return { treeData: [] } }, created() { // 从后端获取树形结构的数据 this.$http.get(&#39;/api/tree&#39;).then(response => { this.treeData = response.data }) }, mounted() { VXETable.setup({ table: { showOverflow: true } }) } } </script> ``` 在上面的代码中,我们使用了vxe-table组件来展示树形表格,并使用tree-config配置项来指定树形结构的子节点属性名为&#39;children&#39;。同时,我们从后端获取树形结构的数据,并将其赋值给treeData变量。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值