素材牛VIP会员
为什么我的router-view会刷新父组件?
 馒***火  分类:JavaScript  人气:1583  回帖:1  发布于6年前 收藏
//当前组件url是 /table/customer/detail

<template>
    <div class="subarea">
        <el-radio-group @change="handleDetailCatogoryChange" v-model="topCategory" style="margin-bottom: 10px;">
          <el-radio-button label="detail">详细</el-radio-button>
          <el-radio-button label="project">项目</el-radio-button>
        </el-radio-group>
    </div>
    <router-view ></router-view>
</template>
<script>
  export default {
    created() {
      console.log("asdsdasdsdadasddadas");
      this.$message('created');
      this.refresh()
    },
    methods: {
      handleDetailCatogoryChange(value) {
        this.topCategory = value;
        if (value == "detail") {
          this.$router.push("/table/customer/detail/info") //这指向的是Info组件
        }
        else  if (value == "project") {
            this.$router.push("/table/customer/detail/project")//这指向的是Porject组件
          }
      }
    },
  }
</script>

为什么我点击了详细和项目这两个按钮,/table/customer/detail组件也会重新created呢??

讨论这个帖子(1)垃圾回帖将一律封号处理……

Lv4 码徒
大***咒 JAVA开发工程师 6年前#1
 文明上网,理性发言!   😉 阿里云幸运券,戳我领取