<template lang="">
<div>
----test---
<van-button type="primary">主要按钮</van-button>
<br>
<!-- <van-label>
上传文件
<van-field v-model="fiename" placeholder="请输入用户名" style="border:1px solid; margin:10px "
@click="uploders"
/>
<input type="file" value="132" accept="video/*" id="sp" capture="camera" v-show="0" @change="yspin($event)"/>
<input type="file" value="456" accept="audio/*" id="yp" capture="microphone" v-show="0"/>
</van-label> -->
<!-- //Test -->
<van-label>
上传文件
<van-field v-model="fiename" placeholder="请输入用户名" style="border:1px solid; margin:10px "
@click="uploders"
/>
<van-action-sheet
v-model="show"
:actions="actions"
cancel-text="取消"
close-on-click-action
@cancel="onCancel"
@select="select">
</van-action-sheet>
<input type="file" value="132" accept="video/*" v-show="0" id="sp" @change="yspin($event)"/>
<input type="file" value="456" accept="audio/*" id="yp" capture="microphone" v-show="0"/>
</van-label>
</div>
</template>
<script>
import { Toast } from 'vant';
export default {
components: {
},
data() {
return {
value: '',
fiename: "",
// Test
show: false,
actions: [{ name: '视频' }, { name: '音频' }],
}
},
mounted() {
},
created() {
},
methods: {
uploders() {
// document.getElementById("yp").click() //视频
// document.getElementById("yp").click() //音频
this.show=true, //Test
console.log(12300)
},
yspin(e) {
this.fiename = 123
console.log(e, 'eeeeee')
},
// Test
onCancel() {
Toast('取消');
},
select(e){
console.log(e.name,'000111') //拿到的就是选项的名字
if(e.name == '视频'){
document.getElementById("sp").click() //视频
}else{
document.getElementById("yp").click() //音频
}
}
},
}
</script>
<style lang="">
</style>
vant官网