Blockly可以使用console.log,但在使用Vue.js时无法与工作区交互

时间:2018-02-08 13:14:50

标签: vue.js blockly

我无法访问我的Vue应用中的Blockly组件生成的javascript代码。我可以通过多种方式console.log工作区,但在尝试生成javascript代码时,工作空间是未定义的。否则,Blockly工作正常。

// Set workspace with reference to div and xml
this.workspace = Blockly.inject(this.$refs.blocklyDiv, {
   toolbox: this.$refs.tools
});
// another way to access the workspace
var workspace = Blockly.JavaScript.workspaceToCode();
// however,
console.log(this.workspace); // and
console.log(a);

都打印“Blockly.WorkspaceSvg {...}”//对象

var code = Blockly.JavaScript.workspaceToCode(this.workspace); // any implementation of a workspace
console.log(code);

总是返回“...;”和 “在workspaceToCode调用中没有指定工作空间。猜测。”

我已经尝试在开始脚本标记和导出默认值之间设置工作空间var,这也允许console.log(工作空间)但在workspaceToCode(工作空间)上失败;

如果我删除了Vue,它就可以了。 我是否需要围绕我的Vue实例构建Blockly?

1 个答案:

答案 0 :(得分:0)

神秘解决了 -

这与使用自定义块有关。