Есть следующая разметка:
<p class="row" @dblclick="changingPrice" >
<span v-if="isChangingPrice">
<input type="text" v-model="currentPrice" @change="changePrice" @keyup.enter="changingPrice">
</span>
<span v-else>{{currentPrice}} руб</span>
</p>
По умолчанию показывается цена товара. При двойном клике инициализируется changingPrice
, который меняет переменную isChangingPrice = !isChangingPrice
.
Таким образом, после двойного клика, я получаю возможность редактирования данного поля.
Каким образом я могу менять переменную isChangingPrice
по клику ВНЕ input'a?