带有v-if的vue模板基于ajax结果

Question

我带有ajax函数的daymic渲染模板元素更改数据， 但它确实没有立即更新视图，这是pseude代码：

<template v-if="userInfo.nickName">
  <div class="base-info" v-show="userInfo.nickName">
    <p>欢迎，{{this.userInfo.nickName}} <a href="javascript:;" @click="logout">退出</a></p>
  </div>
</template>
<template v-else>
  <div class="base-crud">
    <el-button @click="toLogin" type="primary">登录</el-button>
    <el-button @click="toRegister" type="primary">注册</el-button>
  </div>
</template>

mounted() {
  // the updateUserInfo is an vuex action fn, the userInfo was come from vuex store data
  ajaxFn().then((data) => this.updateUserInfo(data));
}

Answer 1

我发现了问题： 只需将func test() -> NSString { let str = self as String return ("" + str.test()) as NSString } 替换为商店操作fn中的Object.assign(state.userInfo, data); 这是我的错，抱歉!!