使用v-if页面不及时刷新

最新推荐文章于 2024-07-18 08:59:31 发布

原创最新推荐文章于 2024-07-18 08:59:31 发布 · 4k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

vue 专栏收录该内容

16 篇文章

订阅专栏

博客介绍了在Vue中使用v-if改变值时，值未及时刷新的解决办法，即通过设置key来实现及时刷新，如设置固定值:key=\1\。

1.使用v-if改变了值，而vue的值没有及时刷新，解决办法，使用key，设置key来实现及时刷新:key=“1”,设置固定值

      <el-table-column  v-model="roles" v-if="roles!='MANAGER'" label="操作" width="100px" align="center" :key="1">
        <template slot-scope="{row}">
          <el-button v-if="row.providerState==1" size="small" type="primary" @click.native="delCityProvider(row.id)">
          取消
          </el-button>
        </template>
      </el-table-column>