vue elementUI中级联选择器获取label值？

最新推荐文章于 2024-08-17 13:43:06 发布

summer _q

最新推荐文章于 2024-08-17 13:43:06 发布

阅读量2.6k

点赞数 2

分类专栏： vue 文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_44237840/article/details/124433515

版权

本文介绍了在Vue项目中使用ElementUI的级联选择器时，如何获取选中的label值并将其用于其他div。通过提交表单，将级联选择器的id与节点信息对比，匹配成功后进行赋值操作。提供的代码示例详细展示了实现这一功能的步骤。

摘要由CSDN通过智能技术生成

vue elementUI中级联选择器获取label值？

需求是获取级联选择器的lable 将label赋入到别的div中，如下图：
在这里插入图片描述
思路：提交表单，我是将更换配件作为一个字段传给后台，然后将下边的数据和input框的数据组成[{}]格式的传给后台，首先获取更换配件的id值，然后获取到节点的信息，比较两者id是否相同，然后进行赋值
直接看代码更为清晰：

<template>
  <div class="content">
    <el-form ref="testRef" :model="testform" label-width="80px">
      <el-form-item label="更换配件">
        <el-cascader
          ref="partRef"
          :options="options"
          :props="props"
          clearable
          :show-all-levels="false"
          @change="changeHandle"
          v-model="testform.