Bootstrap

vue动态向数组中添加对象(关于v-for,input 和 push)

核心:深拷贝
第一步:
写在data(): 设datas数组,以及datas中需求的对象

datas: [],
data_formInput: {
	keyword: '',//关键字
	describe: '',//描述
},

第二步:(对象中的属性,input中的数据)双向绑定

<view class="box" v-show="box_show">
	<view class="box_text">请输入关键字</view><input type="text" v-model="data_formInput.keyword" />
	<view class="box_text">请输入描述</view><input type="text" v-model="data_formInput.describe" />
	<button type="default" @click='create'>确定</button>
</view>

第三步:深拷贝保存数据并置空input

create() {
//这里要设一个对象来进行深拷贝才能避免每次push的时候都被最后一次提交的数据覆盖,也可以避免置空的时候数据丢失
	let obj = {
		keyword: this.data_formInput.keyword,
		describe: this.data_formInput.describe
	}
	this.datas.push(obj);
	t
;