关于Vue 动态操作DOM,表单提交的疑问
发布于 11天前 作者 ngd-b 406 次浏览 来自 问答

关于VUE动态操作DOM节点,类似原生JS appendChild

描述:需要实现动态添加多个表单(表单属性都一样),最后提交数据。 官网&after、&appendTo移除,推荐使用原生方法。

疑问:1. 怎么动态实现添加DOM,一个表单后追加同样的表单。要使用createElement去创建一大推表单节点、 属性添加(表单有很多属性)吗?不能用子组件形式的写法吗。

Vue.extend({
   template:'',
   data(){
       return {
           //...attrs
       }
   }
});
   2. 因为是动态添加的表单(多个),那么表单属性就会重复,怎么去处理,并能在最后点击提交时不会出现覆盖。
   

   *** 目前想到的第二个问题,使用model,就像Java里的实体类,new 一个model,属性绑定表单。但是由于问题‘1‘一直没能动态测试这种方式能不能获取到准确的表单数据。
   
   各位有什么好的经验或想法,欢迎提出!谢谢!
6 回复

数据驱动 , push(data) 界面就多一个table 了

数据格式这样的:

    lists = [{
        times:[
            ['startTIme','endTiems'],
            ['startTIme','endTiems']
            //... 多个时间段
        ],
        items:[
            {
                name:'',
                id:'',
                // ... 多个属性
            },
            {
                name:'',
                id:'',
                // ... 多个属性
            }
            // ... 多个item子项
        ]
    },{
        //.. 多个list子项
    }
    ];
    
    使用v-for绑定,数组无法绑定v-model.报错

可以绑定v-model 啊 …看看api 吧

感谢楼主分享,我也用TP+Layui写了一套积分制度的分享系统: http://t.cn/REBApF6

不好意思,忘记结了。 更改了数据格式,以对象的方式进行v-modlel绑定。

回到顶部