Vue双向数据绑定和禁止
文章描述：
<template> <div style=”padding: 20px;”& […]
<template>
<div style="padding: 20px;">
<input type="text" v-model="key" />
<div>
<button @click="search">search</button>
</div>
<div v-for="(item,index) in list" :key="index">
{{item}}
</div>
<hr>
{{form.key}}
</div>
</template>
<script>
export default {
data() {
return {
key:'',
form:{key:''},
list:[]
}
},
created() {
},
methods:{
search(){
// 使用
// this.form.key = this.key
// this.list.push(this.form)
// 解决 第一种
// this.form.key = this.key
// let formdata = JSON.parse(JSON.stringify(this.form))
// this.list.push(formdata)
// 第二
this.list.push(this.key)
}
}
}
</script>
发布时间：2024/04/18
发表评论