Vue click the button to dynamically add input and get the value entered by input

Click the button once to dynamically add an input, to get the value of the input input when the input input is worth it

Javascript html
Sep.24,2021

when you click the button, add a text box and bind the event at the same time. When you change, the output value will be fine

the following is a sample code for vue 

<template>
  <div>
    <input type="text" v-for="(item,i) of items" v-model="items[i]" :key="i">
    <button @click="onAdd"></button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: []
    }
  },
  methods: {
    onAdd() {
      this.items.push('')
    }
  }
}
</script>

Previous: How to serialize a closure function with complex parameters

Next: Upload pictures at the front end. In egg, how do you get the original path of uploading pictures?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu