[英]Django + Vue.js importing modules
如何在模板中為 VueJS 應用程序導入模塊,由 Django 呈現。 我正在嘗試導入模塊 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>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.