效果图：

代码如下：

模板div class=' checkbox ' div class=' input ' p v-for=' inputs ' span中的项目自定义字段：/span输入类型=' text ' v-model=' item。val '/p按钮@ click=' addInput()'添加字段/button button @click='sub()'保存提交/button /div h1提交的信息：{ { submsg } }/h1/div/模板脚本导出默认值{ name: '复选框，data (){ return { inputs:[]，submsg:'' }，methods : { addInput(){ var obj={ }；物体。id=this。输入。长度；obj.val=这个。输入。推送(obj)；}，sub(){ this。sub msg=这个。投入；}，} }/scriptstyle作用域为* { margin:0自动划水：0;字体系列： '微软雅黑；} .复选框{ width :800 pxmargin :50 px汽车；} .输入p { padd :10 px 0；}/样式以上这篇某视频剪辑软件组件开发之用户无限添加自定义填写表单的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。