vue动态添加文件选择框，vue动态添加input
电脑版发表于：2021/12/21 16:30
code:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
</head>
<body>
<div id="app">
<form action="/FileLoad/DoFileUp" method="post" enctype="multipart/form-data">
<div id="add" v-for="item in files" v-html="item">
{{item}}
</div>
<input type="submit" value="上传" />
<input type="button" value="添加" id="aa" @@click="add" />
</form>
</div>
</body>
</html>
<script>
var vm = new Vue({
el: "#app",
data: {
files: ["<input type=\"file\" name=\"myfile\" multiple=\"multiple\" />"]
},
methods: {
add: function () {
this.$data.files.push("<input type=\"file\" name=\"myfile\" multiple=\"multiple\" />");
}
}
})
</script>