提示：首先确认数据是没问题的，此时如果是界面没有实施渲染，特别是等到用户下
一次
操作才渲染。以下的解决方案才有效果
出现问题的原因：
我使用了el-table，v-for渲染表单的控件，该表单中有两个下拉框，当A下拉框改变selected值时，B下拉框要去请求接口，更新下拉选项。此时把最新的下拉选项更新上去，但是我发现数据请求到了，赋值上去，但是下拉不会显示最新的，要等到再次改变A下拉框的seleted值时，B下拉框的下拉选项才显示上
一次
请求到的数据。
this.$forceUpdate();
想要实现这两个页面第
一次
打开时才调接口，光keepAlive还不行，只使用
v-if
达不到效果，使用v-show又一下调了两页面的接口
可以同时使用
v-if
和v-show
v-if
跟个data挂钩 ，例如叫showPage: [true, false]（默认第一屏显示）
v-show跟tabNav挂钩，这里只有0，1
当页面mounted时将对应的showpage置true，这样...
1.试试activated的
生命周期
，如果每次进入页面都会触发该
生命周期
而不会触发其他
生命周期
，则说明使用了keep-alive
<template>
<section class="app-main">
<transition name="fade-transform" mode="out-in">
<keep-alive :include="cachedViews">
<router-view :key="ke
封装了一个子组件来处理弹框内容，发现只能
执行
一次
，在父组件添加一个
v-if
即可，当每次弹框关闭的时候销毁掉该组件就没有问题了。贴一下简易代码：
<add-dialog
v-if
="addVisible" :dialogVisible="addVisible" @addClose="addClose"></add-dialog>
addClose () {
this.addVisible = false
<template>
初始值为false组件不会渲染，
生命周期
钩子不会
执行
，
v-if
的渲染是惰性的。
初始值为true时，组件会进行渲染，并依次
执行
beforeCreate,created,beforeMount,mounted 钩子。
false => true
依次
执行
beforeCreate,created,beforeMount,mounted 钩子。
true => false
依次
执行
beforeDestroy,destroyed 钩子。
v-show
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
Vue
的
生命周期
钩子函数可以帮助我们在组件不同的阶段
执行
不同的操作，从而更好地控制应用程序的行为。如果想在组件加载过程中显示加载中的状态，可以使用 `created` 和 `mounted` 钩子函数。
在 `created` 钩子函数中，可以设置一个 `loading` 变量来表示当前组件是否在加载中的状态，然后在 `mounted` 钩子函数中，当数据加载完成后，将 `loading` 变量设为 `false`，从而实现加载中状态的显示和隐藏。具体实现代码如下：
<template>
<div
v-if
="loading">加载中...</div>
<div v-else>加载完成</div>
</template>
<script>
export default {
data() {
return {
loading: true,
data: null
created() {
// 设置 loading 变量为 true，表示组件正在加载中
this.loading = true;
// 发送数据请求
axios.get('/api/data')
.then(res => {
// 数据请求完成后，将 loading 变量设为 false，表示组件加载完成
this.loading = false;
this.data = res.data;
</script>
