<sup id="sjju3"><noscript id="sjju3"></noscript></sup>
    <big id="sjju3"></big>

  • <blockquote id="sjju3"></blockquote>
    <blockquote id="sjju3"></blockquote>

      <td id="sjju3"></td>

      <big id="sjju3"></big>
        <code id="sjju3"><strong id="sjju3"><dl id="sjju3"></dl></strong></code>
      1. 详解关于element级联选择器数据回显问题

         更新时间:2019年02月20日 11:14:36   作者:来一杯牛奶   我要评论

        这篇文章主要介绍了详解关于element级联选择器数据回显问题,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

        element级联选择器数据回显问题

        对于前端小菜鸡来说,被这个问题也是困扰了好久。也?#21069;?#24230;的方法。

        表单部分代码:

        <el-form-item label="部门名称:" prop="deptId">
        <el-cascader
            placeholder="请选择部门"
            :props="depShowType"
            :options="deptData"
            filterable
            change-on-select
            v-model="SelectdeptId">
        </el-cascader>
        </el-form-item>

        data中定义:

        depShowType:{
        value:'id',
        label:'name',
        children:'nodes'
        },
        SelectdeptId:[],
        

        methods中:

        // 编辑
        handleEdit(data){
        this.textShow=true;
        this.textForm=data;
        this.SelectdeptId=this.changeDetSelect(data.deptId,this.deptData)  //数据双向绑定
        },
        
        changeDetSelect(key,treeData){
        let arr = []; // 在递归时操作的数组
        let returnArr = []; // 存放结果的数组
        let depth = 0; // 定义全局层级
        // 定义递归函数
        function childrenEach(childrenData, depthN) {
          for (var j = 0; j < childrenData.length; j++) {
            depth = depthN; // 将执行的层级赋值 到 全局层级
            arr[depthN] = (childrenData[j].id);
            if (childrenData[j].id == key) {
              returnArr = arr.slice(0, depthN+1); //将目前匹配的数组,截断并保存到结果数组,
              break
            } else {
              if (childrenData[j].nodes) {
                depth ++;
                childrenEach(childrenData[j].nodes, depth);
              }
            }
          }
          return returnArr;
        }
        return childrenEach(treeData, depth);
        },

        以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

        相关文章

        最新评论

        2018白小姐一肖中特马
        <sup id="sjju3"><noscript id="sjju3"></noscript></sup>
        <big id="sjju3"></big>

      2. <blockquote id="sjju3"></blockquote>
        <blockquote id="sjju3"></blockquote>

          <td id="sjju3"></td>

          <big id="sjju3"></big>
            <code id="sjju3"><strong id="sjju3"><dl id="sjju3"></dl></strong></code>
          1. <sup id="sjju3"><noscript id="sjju3"></noscript></sup>
            <big id="sjju3"></big>

          2. <blockquote id="sjju3"></blockquote>
            <blockquote id="sjju3"></blockquote>

              <td id="sjju3"></td>

              <big id="sjju3"></big>
                <code id="sjju3"><strong id="sjju3"><dl id="sjju3"></dl></strong></code>