当前位置 主页 > 网站技术 > 代码类 >

    vue新建项目并配置标准路由过程解析(2)

    栏目:代码类 时间:2019-12-09 12:09

    其中的嵌入式布局el-main里配置<router-view></router-view>,意味着在本界面showowner.vue触发路由将要跳转的位置,即要跳转到el-main处

    <el-main>
        <el-col :span="24" class="content-wrapper">
         <transition name="fade" mode="out-in">
          <router-view></router-view>
         </transition>
        </el-col>
       </el-main>

    然后是跳转路由写法,跳转到的界面是pathVariable,界面pathVariable就会显示在上面配置的el-main处

    handleNodeClick(data) {
       console.log(data);
       //每次点击结点都要初始化ownerId
       this.domId = data.data.domId;
       this.ownerId = data.data.ownerId;
       this.varify();
       this.$router.push({
        path: this.pathVariable,
        query: {
         domId: this.domId,
         ownerId: this.ownerId
        }
       });
        
      }

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