vue循环input，动态绑定v-modul的值

最新推荐文章于 2026-04-17 02:33:24 发布

原创最新推荐文章于 2026-04-17 02:33:24 发布 · 2.8k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#vue.js #前端 #javascript

收录于

JS 同时被 2 个专栏收录

30 篇文章

订阅专栏

VUE

10 篇文章

订阅专栏

这是一个关于Vue.js的博客，展示了如何创建一个带有自动调整高度的多行文本输入框组件。通过`v-for`指令遍历一个数组并绑定到`el-input`元素上，用户可以输入正文。当用户提交时，内容会被添加到数组中，允许动态增加输入框。

<template>
    <div>
         <div class="title body" v-for="(item,index) in box" :key="index">
          <el-input
           type="textarea"
           autosize
           placeholder="请输入正文"
           v-model="item.textarea">
          </el-input>  
        </div>
    </div>
</template>
<script>
    export default {
        data() {
            return {
              box:[{textarea: null}],
            }
        },
        methods:{
            submit(){
                let params = {textarea: null}
                this.box.push(params)
            }
        }
    }
</script>

<style lang="scss" scoped>

  
</style>