vue_上传文档

<template>
    <div class="input-append">
        <input id="aim" class="form-control" type="text" style="height:40px; width:80%;" placeholder="文档录入" accept="image/png,image/gif"  name="file">
        <input class="btn btn-default" id="file" type="file" @click="btn()">
           选择我的文档
        </input>
    </div>
</template>
<script>
import $ from 'jquery'
export default {
  name: 'library',
  methods: {
    btn () {
      var file = $('#file')
      var aim = $('#aim')
      file.on('change', function (e) {
        var name = e.currentTarget.files[0].name
        aim.val(name)
      })
    }
  }
}
</script>