thankseveryday 2019-05-22 21:07 采纳率: 0%
浏览 4796
已结题

Vue CLI 如何引入第三方js文件

第三方库:
https://github.com/google/blockly
需要引入两个js文件
blockly_compressed.js
blocks_compressed.js
使下边的代码正常运行

<template>
    <div id="lesson1">
        <h1>挑战1</h1>
        <hr>
        <div id="blocklyDiv" style="height: 480px; width: 600px;"></div>
        <xml id="toolbox" style="display: none">
            <block type="controls_if"></block>
            <block type="logic_compare"></block>
            <block type="controls_repeat_ext"></block>
            <block type="math_number">
                <field name="NUM">123</field>
            </block>
            <block type="math_arithmetic"></block>
            <block type="text"></block>
            <block type="text_print"></block>
        </xml>
    </div>
</template>

<script>
    Vue.use(Blocks)
    var workspace = Blockly.inject('blocklyDiv', {
        toolbox: document.getElementById('toolbox')
    });
</script>

@oyljerry

这样还是不行

<template>
    <div id="lesson1">
        <h1>挑战1</h1>
        <hr>
        <div id="blocklyDiv" style="height: 480px; width: 600px;"></div>
        <xml id="toolbox" style="display: none">
            <block type="controls_if"></block>
            <block type="logic_compare"></block>
            <block type="controls_repeat_ext"></block>
            <block type="math_number">
                <field name="NUM">123</field>
            </block>
            <block type="math_arithmetic"></block>
            <block type="text"></block>
            <block type="text_print"></block>
        </xml>
    </div>
</template>

<script>
    import Blockly from '../../public/blockly_compressed.js'
    Vue.use(Blockly)
    import Blocks from '../../public/blocks_compressed.js'
    Vue.use(Blocks)

    var workspace = Blockly.inject('blocklyDiv', {
        toolbox: document.getElementById('toolbox')
    });
</script>
  • 写回答

3条回答 默认 最新

  • oyljerry 2019-05-23 09:38
    关注
    import xxx from yyy.js
    Vue.use(xxx)
    
    评论

报告相同问题?

悬赏问题

  • ¥15 想问一下stata17中这段代码哪里有问题呀
  • ¥15 flink cdc无法实时同步mysql数据
  • ¥100 有人会搭建GPT-J-6B框架吗?有偿
  • ¥15 求差集那个函数有问题,有无佬可以解决
  • ¥15 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决