Questions tagged [v-model]

Use this tag for questions related to the v-model directive of Vue.js.

The v-model directive is used to create two-way data bindings on form input, textarea, and select elements. It automatically picks the correct way to update the element based on the input type. Although a bit magical, v-model is essentially syntax sugar for updating data on user input events. For more information: https://vuejs.org/v2/guide/forms.html#Modifiers

420 questions
0
votes
0 answers

Array Data Binding in VueJS

I need help in making my checkboxes in an array format. I have these codes:
Task Schedule Notify Me Email Me
Matthew
  • 11
  • 2
0
votes
0 answers

v-model form fields are empty for seller and city

I am using vuejs,inertia and laravel framework. i am using registration form for enter user records. i fetch seller and state records on registration form load, and received them in props. when i used to submit button all the form fields save values…
user14299195
0
votes
2 answers

Vuejs multiple checkbox not working with v-model

I have these two content types with many to many relationships. Size and Menu Now in the current situation, I have created a size, assigned multiple menus, when I try to edit the size. the menus checkboxes are not reactive as you can see in the GIF,…
Amir Ur Rehman
  • 649
  • 1
  • 9
  • 28
0
votes
0 answers

V-dialog doesn't work when v-model is a props

I am using vuetify.js and trying to pass v-model in props to a v-dialog tag, the v-dialog doesn't work. when I click on the button which set the props to true, the v-dialog doesn't open attached here the parent and the child component code: here is…
user
  • 136
  • 2
  • 16
0
votes
1 answer

Vue Reactivity issue, setting array element property

I'm having a reactivity issue in following example. I can't find what I'm doing wrong. Am I setting the vue data correctly or do I need to do something else? I have an object model as follows; export default { data () { return { …
neiloth
  • 157
  • 1
  • 11
0
votes
2 answers

data to a v model ? do i have to initialize the data if its coming from another component?

I am trying to put the value of content data from another component in this.newTutorial.content push function. so far I get the data now I need to put it inside my v-model, like putting data from a v-model to another v-model? I tried this…
user9542422
0
votes
1 answer

Generating input fields and saving entered values dynamically with VueJS & VuetifyJS

I'm trying to generate some input text fields (v-text-field) and render them in which works fine until this point. Reference JSON { "documentAttributes" : { "documentNumber" : "textField", "issueDate" : "dateField", "issuingAuthority"…
0
votes
3 answers

How to add data mask in an and not using npm

I can get salary data from my database using vue js v-model like this but i want to add data mask to look like this here is my code for my retrieve, the field key salary / gaji is a double, i dont know how to add data mask using vue js, can anyone…
M Andre Juliansyah
  • 117
  • 1
  • 2
  • 14
0
votes
1 answer

Vuejs/Buetify : clear search filter using searchable prop of b-table

I'm using buefy to create a table with input filters in columns. This is what it looks like: