vue知识点(工作中遇到)
Posted haishen
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue知识点(工作中遇到)相关的知识,希望对你有一定的参考价值。
1、vue点击按钮动态添加多个input,并获取输入的值
<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>
以上是关于vue知识点(工作中遇到)的主要内容,如果未能解决你的问题,请参考以下文章