IView 使用

1.手動更新Menu菜單當前子菜單所在的菜單項以及選中當前項

<Menu ref="navBar" :theme="theme2" width="auto" :open-names="open" :active-name="activeName" :accordion="accordion" @on-select="chooseState">
        <Submenu name="1">
          <template slot="title">
            <Icon type="ios-people" />
            統計
          </template>
          <MenuItem name="/index" to="/index" id="statistics">統計數據</MenuItem>
        </Submenu>
        <Submenu name="2">
          <template slot="title">
            <Icon type="ios-people" />
            會員管理
          </template>
          <MenuItem name="/index/member/member" to="/index/member/member">會員列表</MenuItem>
          <MenuItem name="/index/member/recommend" to="/index/member/recommend">推薦列表</MenuItem>
        </Submenu>
</Menu>

js

data(){
        return {
          theme2: 'dark',
          activeName:this.$route.path,
          accordion:true,
          open:[]
        }
      },
      watch:{
        '$route'(){
          this.activeName = this.$route.path;//選中當前項
        }
      },
      methods:{
        chooseState(name){
          console.log(name);
        },
        watchRouter(){
          this.$nextTick(()=> {//手動更新Menu菜單當前子菜單所在的菜單項
            this.$refs.navBar.$children.forEach((item) => {
              item.opened = item.active?true:false
            })
          });
        }
      },
      mounted() {
        this.watchRouter();
      }

2.

用IView+vue作後臺項目，使用IView組件Tree時，接觸了vue中的render函數，對render函數一點也不瞭解

這是我在百度上找到的一篇文章，看到之後，對render函數了解了

https://segmentfault.com/a/1190000010913794?utm_source=tag-newest