upload.vue 703 B

123456789101112131415161718192021222324252627282930313233
  1. <template>
  2. <view class="upload" @click="handlerUpload">
  3. <input type="file" ref='upload_inp' class="upload_inp">
  4. </view>
  5. </template>
  6. <script>
  7. export default {
  8. data() {
  9. return {}
  10. },
  11. methods: {
  12. handlerUpload() {
  13. const upload = this.$refs.upload_inp
  14. upload.onclick = function (e) {
  15. console.log(e)
  16. }
  17. }
  18. }
  19. }
  20. </script>
  21. <style scoped lang="scss">
  22. .upload {
  23. width: 210rpx;
  24. height: 210rpx;
  25. border-radius: 6rpx 6rpx 6rpx 6rpx;
  26. border: 1rpx dotted #B2B2B2;
  27. }
  28. .upload_inp {
  29. display: none;
  30. }
  31. </style>