Vuejs2 vuejs中的v-if问题

我有一个情态动词。在该模式中，我显示一个表。该表的

tr

之一如下所示

<tr>
    <td class="ui header">Name</td>
    <td v-if="editValue">
        <input type="text">
        <input type="submit" value="Submit">                                 
    </td>
    <td v-else>
        {{ addressObj.name }}  
        <span @click="change_value" class="edit_span">
              Edit
        </span>   
    </td>
</tr>

如果单击编辑，则会显示输入框，但模式正在消失。

@click.stop.prevent=“change\u value”

很可能是点击触发了模式关闭。添加

event.stopPropogation（）

和

event.preventDefault（）

应该可以帮助您避免这种情况

.prevent

将“event.preventDefault（）”添加到单击事件中

.stop

将“event.stopPropogation（）”添加到click事件中

看

change_value() {
    this.editValue = true;
}