after traversing the array, get the edited data.
after traversing the array, get the edited data.
events
<template>
<div>
<div v-for="item in data1" >
<Input type="text" v-model="item.name" @on-change="change(item)" style="width: 200px; padding: 20px;" />
<Input type="text" v-model="item.age" @on-change="change(item)" style="width: 200px;"/>
</div>
</div>
</template>
<script>
export default {
data () {
return {
data1: [
{
name: 'John Brown',
age: 18
},
{
name: 'Jim Green',
age: 24
},
{
name: 'Joe Black',
age: 30
}
]
}
},
methods: {
change(item) {
console.log(item);
}
}
}
</script>@ on-change= "change (item)"
Previous: How to make the color of 0000 retained after the decimal is different from the non-zero number?
Next: Two layers of nested dialog change the visible value will be changed twice, how to solve it?
was originally intended to use a tabs, with two options to put the editor in the second tabpane however, because of the content set for the content part of the editor, the tab is offset, and the two options show half of each visual observation becaus...
as shown in the figure, I need to set height, according to the window size according to the percentage, but I find that the unit given to% percentage is useless and will automatically become px,. For example, when I set 80%, the page parses to 80px . ...
RT v-model binds the variable item.key , within the loop and the actual result is that the value is displayed as a string binding. Awkward are there any other methods that support two-way binding? columns looks something like this [ { title:...
< template > < div class= "form abs-center " > <Form ref="formValue" v-model="formValue" :rules="formRules" :label-width="80"> <FormItem label="Name" prop="name"> <Input...
I have used the spin element in iview to turn circles normally during chrome debug , but spin will only stop in person when I import APP into Android. what is missing in my code? Or is it a problem of its own? <template> <div> <s...
the official example of customized tables using render is simple: https: www.iviewui.com compo. defines a slightly more complex layout of its own, using Select components and bidirectional binding. < Button> < div> tried to customize i...
<Col class="panel table-panel" :span="24"> <Table style="width: 100%;" :loading="pageInfo.loading" :columns="columns" :data="tableData" border @on-row-click="rowClick"&...
problem description iview render repeatedly calls the iview table, and the backend outputs a timestamp. When I formatted it with the function, I formatted it correctly, but printed out six results (there are actually only three pieces of data) . for...
problem description in the newly released iview3.1.0, the tab component has added an attribute of beforeRemove to prevent the tag from being closed. The official statement is as follows PromisebeforeRemove ...
problem description ask for "details " on the blue line and click on the link to display all the organization codes (displayed in a pop-up window or directly in the cell). How can I render the "details "? the environmental background of the pro...
The iview select on-clear event cannot trigger ...
I looked through iview s changelog and commit records to figure out how iview solved the SSR problem, but I couldn t find the relevant code (maybe I didn t translate it in detail enough), so I d like to ask developers who are familiar with iview, iv...
problem description add a racing lantern to the modal box. After opening the modal box, the content is white. In fact, you have already got the SRC of the picture . the environmental background of the problems and what methods you have tried rel...
problem description VueIView, (Modal) A A B B A mounted !!! various dependency information in the project the following is the package.json configuration class capacity { "name": "test4", "version": "1.0...
problem: when writing code, if you don t add a space, there will be an error prompt with a red underscore. temporary solution: be careful to add spaces when writing code, or alt+enter, but it is tedious to operate every time, so I hope you don t have...
how to render the structure like the figure and assign amount; (the content and length of the array are not fixed at least one) list: [ { name: , child:[ { id:1, name: , child:[ ...