dropzonejs vue 使用_如何在带有dropzone.js的字符串模板中使用vue.js语法

我目前正在尝试将dropzone.js

Doc Ref实施到我的应用程序中.但是因为我已经设法运行了dropzone.js的基本功能

我想自定义预览模板以隐藏和显示不同应用程序状态下的上传进度条.

我可以通过在dropzone实例初始化期间将html字符串传递给options对象来自定义预览模板.正如dropzone.js文档中所述但显然,如果我简单地将它洒在这个html字符串上,那么将不会处理vue语法.它必须以某种方式处理以实现该事物.

问题：

我想做的是在这个预览模板中使用vue.js语法.

这是我正在谈论的组件.

码：

:dropzoneOptions="dzOptions"

:url="photosForm.uploadImageUrl"

v-on:vdropzone-removed-file="deleteImage"

:preview-template="templatePreview"

v-on:vdropzone-success="showSuccess">

Vue-Script代码：

import Dropzone from 'vue2-dropzone';

export default {

methods: {

templatePreview(){

return `

{{ type.title }}

`;

}

},

}

github的组件所有者说,

Unfortunately what your wanting to do isn’t easily achievable at the moment, although it would be nice. We’re currently planning a bit of a rewrite of this module so we’ll see if we can work out how to bake this in. 07003