小编ass*_*aul的帖子

在 Vue.js 单文件组件中导入外部 js 库

我在 Vue.js 中有以下单文件组件。

质粒标签本来是由angularplasmid.complete.min.js文件渲染的,但由于某种原因没有渲染。这是在组件中导入库的正确方法吗?

我正在重组一个旧的 Vue 项目以进行更好的设计,但我知道质粒标签在这里呈现(不使用单个文件组件):https://github.com/asselinpaul/dnaviewer/blob/master/app/索引.html

非常感谢任何帮助。

<template>
<div id="DNA Plasmid">
    <h3>Plasmid Visualisation</h3>
    <div class="section">
        <plasmid id='p1' plasmidheight="800" plasmidwidth="800" v-bind:sequencelength="sequenceLength">
            <plasmidtrack id='t1' radius="200" width="55">
                <trackmarker v-for="(bound, index) in bounds" class='marker' v-bind:start="bound.start" v-bind:end="bound.end" v-bind:style="{ fill: bound.color }" v-bind:key="bound.start">
                    <markerlabel v-bind:text="bound.name" v-bind:vadjust='bound.vadjust' style='font-size:12px'></markerlabel>
                </trackmarker>
                <tracklabel v-bind:text="name" style='font-size:25px;font-weight:bold'></tracklabel>
            </plasmidtrack>
        </plasmid>
    </div>
</div>

</template>

<script>
import './angularplasmid.complete.min.js'

...
Run Code Online (Sandbox Code Playgroud)

vue.js vue-component vuejs2

5
推荐指数
1
解决办法
1万
查看次数

标签 统计

vue-component ×1

vue.js ×1

vuejs2 ×1