账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    ElementUi 的tree组件结点为什么只能加,不能减
    32
    0

    分别使用ElementUi的tree组件和li 标签渲染一个数组对象,并同时对这个数组对象进行增删操作,发现li` 标签,view 和model 同时更新,但是tree组件只增不减,不知道是为什么?

    ElementUi 的tree组件

     <el-tree class="filter-tree tree-scroll" :check-strictly='true' :data="selectInfo"
                     node-key="code" show-checkbox :props="{children: 'childList',label: 'label'}" default-expand-all
                     ref="leftTree">
            </el-tree>
           
    
        <ul>
          <li v-for="oo in selectInfo" :key="oo.code">
            {{oo.label}}---------{{oo.code}}
            <ul>
              <li v-for="xx in oo.childList" :key="xx.code">
                {{xx.label}}---------{{xx.code}}
                <ul>
                  <li v-for="mm in xx.childList" :key="mm.code">
                    {{mm.label}}---------{{mm.code}}
                  </li>
                </ul>
              </li>
            </ul>
          </li>
        </ul>
         <el-button class="has-color" @click.stop="clickOnPush()">
          <span class="el-icon-loading"></span>push()
        </el-button>
        <el-button class="has-color" @click.stop="clickOnPop()">
          <span class="el-icon-loading"></span>pop()
        </el-button>
        <el-button class="has-color" @click.stop="clickOnShift()">
          <span class="el-icon-loading"></span>shift()
        </el-button>
        <el-button class="has-color" @click.stop="clickOnUnshift()">
          <span class="el-icon-loading"></span>unshift()
        </el-button>
        <el-button class="has-color" @click.stop="clickOnSplice()">
          <span class="el-icon-loading"></span>splice()
        </el-button>

    script:

    created() {
      this.selectInfo = [{code: '2', label: 'er', childList: [{code: '25', label: 'erwu'}, {code: '26', label: 'erliu', childList: [{code: '266', label: 'erliuliu'}, {code: '267', label: 'erliuqi'}]}]}, {code: '3', label: 'san'}]
    },
    methods: {
        clickOnPush () {
          this.selectInfo[0].childList[1].childList.push({label: 'ersi', code: '24'})
        },
        clickOnPop () {
          this.selectInfo[0].childList[1].childList.pop()
        },
        clickOnShift () {
          this.selectInfo[0].childList[1].childList.shift()
        },
        clickOnUnshift () {
          this.selectInfo[0].childList[1].childList.unshift({label: 'linglingling', code: '000'})
        },
        clickOnSplice () {
          this.selectInfo[0].childList[1].childList.splice(-1)
        }
    }
    1
    打赏
    收藏
    点击回答
        全部回答
    • 0
    更多回答
    扫一扫访问手机版

    回答动态

    师傅被妖怪抓走了:发布了悬赏问题火爆全网的“元宇宙”到底是什么?预计能赚取 1积分收益
    酒后略带风情:发布了悬赏问题Android内存中Graphics与Code占用过高预计能赚取 10积分收益
    扛起拖把扫天下:发布了悬赏问题typescript如何导出接口配置?求解,谢谢!预计能赚取 10积分收益
    发布了悬赏问题Vue 如何改变返回页面的路径?如让B页面只能返回到A页面.预计能赚取 11积分收益
    发布了悬赏问题vue H5移动端;底部bottom固定定位,安卓弹起键盘导致页面变形如何解决?预计能赚取 10积分收益
    发布了悬赏问题请问为什么tomcat8.5 GET请求中文正常,POST请求还需要设置UTF-8.预计能赚取 10积分收益
    发布了悬赏问题vue2.5+ts创建以及引入jq的方法预计能赚取 11积分收益
    情场浪女:发布了悬赏问题import ggplot时报错module 'pandas' has no attribute 'tslib'预计能赚取 10积分收益
    见心书画许老师18753375161:发布了悬赏问题echarts3 legend禁止点击事件,允许悬浮事件预计能赚取 11积分收益
    aa_92cb0bd09f:发布了悬赏问题codewar上的一个问题预计能赚取 11积分收益