Question

我在同一个div上有2个视图（在v-for中）。

用户列表。
单击“添加用户”时，您会看到一个表格，用于输入新用户的详细信息。

在第一个视图中，我应该能够更改单击按钮时可见的细节。

但是，一旦我单击按钮并看到第二组详细信息，然后按返回查看第一组详细信息，我将无法查看“添加用户”表单。如果我先单击“添加用户”按钮并返回到详细信息视图，则无法查看第二组详细信息。

很奇怪。

模板：

let e = new Exported();
// Type Inference Practice:
type ARG<T> = T extends ((a: any, b: infer U) => void) ? U : T;
type B = ARG<typeof e["bar"]>;

let x : B;  // <-- let x : /*???*/;
e.bar("any ideas?", x);

方法：

<div v-for="container in containerList">
    <div v-if="container.viewUsers">
        <div v-for="user in container.users">
            <div>`{{ user.name }}`</div>
            <div v-if="container.viewPhone">`{{ user.phone }}`</div>
            <div v-else>`{{ user.gender }}`</div>
        </div>
    <div>
    <div v-else>
        <form>
            <input v-model="newUser.name">
            <input v-model="newUser.gender">
            <input v-model="newUser.phone">
        </form>
    </div>
    <button @click="triggerViewPhone(container)">View phone numbers</button>
    <button @click="triggerAddUser(container)">Add user</button>
</div>

VueJS-DOM不更新'v-if'值

0 个答案: