iview踩坑

1 关于树形组件

   点击目录实现展开收缩

return h('span', {
            style: {
              display: 'inline-block',
              width: '90%',
            },
            class:"tree-list",
            on: {
              click: () => { 
                //控制树的目录结点 展开收缩
                // data.expand = !data.expand
                data.expand = !data.expand
              }
            }
          },

2 menu 导航不支持多级嵌套

 2.10.1 版已经实现

3 modal 对话框确定按钮的loading 状态 设为假时  对话框会自己消失

 setTimeout(function () {
          _this.loading = false
          _this.$nextTick(() => {_this.loading = true;});
        }, 500)

设为假时 需要这样设置

4 不同子路由来回切换 对应的导航菜单不高亮，也不展开子项

pdateOpened

手动更新展开的子目录，注意要在 $nextTick 里调用

$route(to, from) {
      this.changeVal = this.$route.name;
      sessionStorage.setItem("changeNav", this.changeVal);
      this.$nextTick(function() {
        this.$refs.menu.updateOpened();
        this.$refs.menu.updateActiveName();
      });
    }

5  实现分页时，切换不同的每页显示多少条数据后 无效果（点击后还显示未点击前的状态）

 点击切换后，表格显示隐藏用了v-if，换成v-show 可解决

6 iview select 下拉列表 无法设置默认值

  通过设置v-model动态绑定，还需要注意 绑定的默认值要和option绑定的值 保持一致

<Select class="w330 account_list" 
  v-model="editModal.accountListVal" 
  @on-change="onOptionAccountChange">
     <Option v-for="item in editModal.accountList" :value="item.account_id" :key="item.account_id">
          {{ item.account_name }}
      </Option>
</Select>

7  did you register the component correctly? For recursive components, make sure to provide the "name" option.

出现这个问题 先检查自己的组件引用有没有问题，然后子组件注册放到最前边

export default{
	name:'changePass',
	components:{
	    BasePass,
	},
	data (){
	  return {}
}}