v-for动态添加表单,并且获取表单中的值

vue是数据驱动视图，所以要想改变页面的结构，就要首先改变数据。
要想动态添加一个input表单，每当你点击的时候，添加一个数据在数组里面。
 handler(mess){
    this.list.push("jo")
 },

要想获得当前这个表单里面的值，我当初想的是v-model，去绑定。发现不可以。这就尴尬了。
整了一会，在百度上查找了一些资料。
还是没有对应的案例。可能是我百度的方法是不正确。

最后，还是决定使用原生的js
给表单绑定一个id。在失去焦点的时候，得到这个input框中的值。
 let aa=document.getElementById("demo"+mess).value;
           

<template>
    <div>
       
     <div v-for="(item,index) in list" :key="index" class="demo">
         <input type="text" :id="`demo${index}`">
         <button @click="handler(index)" @blur="getterValue(index)">添加</button>
     </div>

    </div>
</template>

<script>
    export default {
        data(){
          return{
            list:["12"]
          }
        },
        methods:{
            handler(mess){
                this.list.push("jo")
            },
            getterValue(mess){
                let aa=document.getElementById("demo"+mess).value;
                console.log("得到的值是", aa)
            }
        }
    }
</script>
           

我们公司正在寻找前端和后端，感兴趣的小哥哥或者小姐姐可以私聊我

如果你是大佬，请带我们飞

如果你是菜鸟，我们带你飞

仅限成都

作者：明月人倚楼

出处：https://www.cnblogs.com/IwishIcould/

想问问题，打赏了卑微的博主，求求你备注一下的扣扣或者微信；这样我好联系你；(っ•̀ω•́)っ✎⁾⁾！

如果觉得这篇文章对你有小小的帮助的话，记得在右下角点个“推荐”哦，或者关注博主，在此感谢！

万水千山总是情，打赏5毛买辣条行不行，所以如果你心情还比较高兴，也是可以扫码打赏博主(っ•̀ω•́)っ✎⁾⁾！

支付宝

微信

本文版权归作者所有，欢迎转载，未经作者同意须保留此段声明，在文章页面明显位置给出原文连接

如果文中有什么错误，欢迎指出。以免更多的人被误导。