Javascript Django+;Vue.js导入模块
如何在Django呈现的模板中导入VueJS应用程序的模块。我正在尝试导入模块编辑器。Javascript Django+;Vue.js导入模块,javascript,html,django,vue.js,ckeditor,Javascript,Html,Django,Vue.js,Ckeditor,如何在Django呈现的模板中导入VueJS应用程序的模块。我正在尝试导入模块编辑器。 这就是我的情况: template.html: Vue.component('Vue-ckeditor',VueCkeditor.VueCkeditor) var app=新的Vue({ 分隔符:['[',']]'], el:“#应用程序”, 数据:函数(){ 返回{ formField:“”, } }, 在它上,需要从“vue-ckeditor2”导入VueCkeditor; 在Django模板中有这样
这就是我的情况:
template.html
:
Vue.component('Vue-ckeditor',VueCkeditor.VueCkeditor)
var app=新的Vue({
分隔符:['[',']]'],
el:“#应用程序”,
数据:函数(){
返回{
formField:“”,
}
},
在它上,需要从“vue-ckeditor2”导入VueCkeditor;
在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>
var VueCkeditor=require(vue-ckeditor2);
var app=新的Vue({
组件:{VueCkeditor:VueCkeditor},
分隔符:['[',']]'],
el:“#应用程序”,
数据:函数(){
返回{
formField:“”,
}
},
编辑:-
试试这个:-
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>
var app=新的Vue({
//组件将在defult中导出
组件:{VueCkeditor:VueCkeditor.default},
分隔符:['[',']]'],
el:“#应用程序”,
数据:函数(){
返回{
formField:“”,
}
},
将const更改为var,因为它是es5Yes,我正在尝试将CK编辑器实现到我的表单中。它用于HTML中的富文本编辑。Nor require或include已定义,因此我得到一个错误:ReferenceError:require未定义。明白了,我不知道您没有require。因此,首先我们需要检查此脚本是否提供global变量与否。更改了代码,最新版本不支持无需。因此可能使用它的语法也会延迟。是的。我现在可以使用了。我必须编辑一些样式,但是,否则,非常感谢!