I need to display the update button if the userId matches with one of the previous users. If the userId does not match with any of the previous users, then the submit button should be displayed.
This is my attempt---
new Vue({
el: '#app',
data: function() {
return {
userId:1,
previousUsers:[1,2],
}
},
})<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
<div v-for="(previousUser,i) in previousUsers" :key="i" class="text-center mt-3">
<button v-if="previousUser == userId" class="btn btn-primary" @click="update">Update</button>
<button v-if="previousUser == !userId" class="btn btn-primary" @click="add">Submit</button>
</div></div>In my implementation, the submit button doesn't show if I change the userId to "3". How can this issue be resolved?