vue.js - 如何在 Vue.js 的单个组件中使用这个组件?
问题描述
我是 Vue.js 的初学者。我正在尝试在 VueCLI 的单个组件中使用一个名为 vue-base64-file-upload 的插件。但是,它在 index.vue 中不起作用...
我刚刚将示例(https://github.com/dhhb/vue-base64-file-upload)更改为此。
<template>
<div class="container">
<h2>Upload file</h2>
<vue-base64-file-upload
class="v1"
accept="image/png,image/jpeg"
image-class="v1-image"
input-class="v1-input"
:max-size="customImageMaxSize"
@size-exceeded="onSizeExceeded"
@file="onFile"
@load="onLoad" />
</div>
</template>
<script>
import VueBase64FileUpload from 'vue-base64-file-upload';
export default {
data () {
return {
customImageMaxSize: 3 // megabytes
};
},
components: {
VueBase64FileUpload
},
methods: {
onFile(file) {
console.log(file); // file object
},
onLoad(dataUri) {
console.log(dataUri); // data-uri string
},
onSizeExceeded(size) {
alert(`Image ${size}Mb size exceeds limits of
${this.customImageMaxSize}Mb!`);
}
},
};
app.$mount('#app');
解决方案
推荐阅读
- python - 如何正确使用 unicode_escape?
- css - 如何修复 svg 中未缩放的圆圈:没有出现错误
- scala - 如何向我的 sbt 插件添加依赖项?
- node.js - nodejs Heroku 构建超时(它曾经工作)
- c++ - 如何修复我的代码以删除字符串中的空格?
- actionscript-3 - 不提供全局坐标时如何修复 localToGlobal?
- javascript - 如何访问 index.ejs(视图)的 javascript 部分中的本地数据?
- c - 如何判断 C 中的信号量中是否有进程在等待
- node.js - 大量 postMessages 后 nodejs webworker-threads 崩溃
- git-bash - Git-bash 在用户文件夹文档而不是库中创建目录