elementPlus treeselect相关问题

html 复制代码
    <el-tree-select
      placeholder="请选择业务代码"
      :props="{ label: 'transactionName', value: 'transactionCode' }"
      v-model="item.transactionCode"
      node-key="id"
      :data="transactionList"
      :default-expanded-keys="[item.transactionCode]"
      :default-checked-keys="[item.transactionCode]"
      :filter-node-method="filterNodeMethod"
      @node-click="(data) => addSelect(data, index)"
      style="width: 320px"
      filterable
      default-expand-all
      highlight-current
      check-strictly
    >
      <template #default="{ data }">
        {{ data.transactionName }}
        <span style="color: gray; text-align: right">{{ data.transactionCode }}</span>
      </template>
    </el-tree-select>
1、后端返回树形结构不是label、value解决方法如下:
html 复制代码
 :props="{ label: 'transactionName', value: 'transactionCode' }"
2、获取到当前选中项的label信息:

@node-click="(data) => addSelect(data, index)"

javascript 复制代码
  let addSelect = (data, index) => {
    formModel.transactionInfo[index].transactionName = data.transactionName
  }
3、编辑、详情页面数据子集回显问题
javascript 复制代码
     :default-expanded-keys="[item.transactionCode]"
     :default-checked-keys="[item.transactionCode]"
相关推荐
祝余呀5 分钟前
HTML初学者第三天
前端·html
就爱瞎逛21 分钟前
TailWind CSS Intellisense 插件在VSCode 上不生效
前端·css·vscode·tailwind
柚子81624 分钟前
sibling-index:我用这个画时钟表盘
前端·css
UI设计和前端开发从业者38 分钟前
UI前端大数据处理策略优化:基于云计算的数据存储与计算
前端·ui·云计算
前端小巷子1 小时前
Web开发中的文件上传
前端·javascript·面试
翻滚吧键盘2 小时前
{{ }}和v-on:click
前端·vue.js
上单带刀不带妹2 小时前
手写 Vue 中虚拟 DOM 到真实 DOM 的完整过程
开发语言·前端·javascript·vue.js·前端框架
杨进军2 小时前
React 创建根节点 createRoot
前端·react.js·前端框架
ModyQyW3 小时前
用 AI 驱动 wot-design-uni 开发小程序
前端·uni-app
说码解字3 小时前
Kotlin lazy 委托的底层实现原理
前端