The World of Remnant

Vue数据改变强制更新视图

el-tree禁用

:defaultProps="defaultProps"
 computed: {
    defaultProps() {
      return {
        label: 'label',
        children: 'children',
        disabled: () => this.disabled,
      }
    },
el-tree的定位功能
<el-tree>
<span slot-scope="{ node, data }" class="el-tree-node__label">
        <span :id="'idnode-' + data.FID">{{ node.label }}</span>
      </span>
    </el-tree>
locate(FID) {
      this.$refs.menutree.expandedkeys = [FID]
      this.$refs.menutree.sethighlightkey(FID)

      setTimeout(() => {
        this.$nextTick(() => {
          const node = document.getElementById('idnode-' + FID)
          setTimeout(() => {
            this.$nextTick(() => {
              node.scrollIntoView({ block: 'center' })
              setTimeout(() => {
                this.$nextTick(() => {
                  node.scrollIntoView({ block: 'center' })
                  //tree展开需要时间,保险起见定位两次
                })
              }, 200)
            })
          }, 200)
        })
      }, 100)
    },