如何在由 Django 呈现的模板中导入 VueJS 应用程序的模块。我正在尝试导入模块 CKEditor。
这是我的情况:
template.html
:
<div id="app">
<form>
<vue-ckeditor v-model="formField" />
</form>
</div>
<script src="https://unpkg.com/vue-ckeditor2"></script>
<script>
Vue.component('vue-ckeditor', VueCkeditor.VueCkeditor)
var app = new Vue({
delimiters: ['[[', ']]'],
el: '#app',
data: function() {
return {
formField: "",
}
},
</script>
关于 Github它需要 import VueCkeditor from 'vue-ckeditor2';
。
有没有办法在 Django 模板中做到这一点?
最佳答案
我的理解是您想导入一个组件并在您的模板中使用它。
试试这个:-
var VueCkeditor = require(vue-ckeditor2);
var app = new Vue({
components: { VueCkeditor : VueCkeditor },
delimiters: ['[[', ']]'],
el: '#app',
data: function() {
return {
formField: "",
}
},
</script>
编辑:- 试试这个:-
<script src="https://unpkg.com/vue-ckeditor2@2.0.7/dist/vue-ckeditor2.js"></script>
var app = new Vue({
// the component is exported inside defult
components: { VueCkeditor : VueCkeditor.default },
delimiters: ['[[', ']]'],
el: '#app',
data: function() {
return {
formField: "",
}
},
</script>
关于javascript - Django + Vue.js 导入模块,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51925617/