Question

我有一个模态。在那个模式中，我正在显示一个表格。该表的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>

change_value如下所示

change_value() {
    this.editValue = true;
}

如果我点击Edit，则会显示输入框，但模态正在消失。

Answer 1

@click.stop.prevent="change_value"

点击可能会以某种方式触发模态关闭。添加event.stopPropogation()和event.preventDefault()可以帮助您避免这种情况。

.prevent添加＆＃39; event.preventDefault（）＆＃39;点击事件

.stop添加＆＃39; event.stopPropogation（）＆＃39;点击事件

请参阅https://vuejs.org/v2/guide/events.html#Event-Modifiers

在vuejs中使用v-if的问题

1 个答案: