javascript - 如何将 Bulma 页面加载器扩展添加为 Vue 组件？

Question

我正在尝试page-loader在 Vue 项目中设置作为 Bulma 扩展的元素。有没有办法添加page-loader为 Vue component？

我曾尝试导入page-loader.min.js并使用它，但根本不起作用。

<template>
    <div class="steps">
        <div class="step-marker">
            ...
        </div>
    </div>
</template>

<script>
import { bulmaSteps } from 'bulma-extensions/dist/js/bulma-extensions.min';

export default {
    name: "TestingStep",
    mounted: function() {
        this.steps = bulmaSteps.attach();
    },
    data() {
        return {
            steps: [],
        }
    },
}
</script>

标签： javascriptvue.jsbulma

Answer 1

在脚本部分导入 CSS 文件，它就像一个魅力。

import 'bulma-extensions/bulma-steps/dist/css/bulma-steps.min.css';