VueJS vue-spinner

作者: 蜡笔小辛
发布时间: 2025-03-02 11:16:47 (1天前)
转自：

3 条回复

0#
回复此人
v-star*위위 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 看起来你正在建立 <code> vue-spinner </code> 在错误的地方，即 <code> main.js </code> 代替 <code> App.vue </code> 。 </p> <P> 这有效（见 <a href="https://codesandbox.io/s/z3olx8knx4" rel="nofollow noreferrer"> CodeSandbox </A> ） </p> <P> 的<strong> main.js </强> </p> <pre class="lang-js prettyprint-override"> <code> import Vue from "vue"; import App from "./App"; // import PulseLoader from "vue-spinner/src/PulseLoader.vue"; Vue.config.productionTip = false; /* eslint-disable no-new */ new Vue({ el: "#vueApp", template: "<App/>", components: { App, // PulseLoader } }); </code> </pre> <P> 的<strong> App.vue </强> </p> <pre class="lang-js prettyprint-override"> <code> <template> <div id="app"> <pulse-loader :loading="loading" :color="color" :size="size"></pulse-loader> ... </div> </template> <script> import PulseLoader from "vue-spinner/src/PulseLoader.vue"; export default { name: "App", data() { return { loading: true, color: "#2c3e50", size: "10px" }; }, components: { PulseLoader, ... } }; </script> <style> ... </code> </pre> </DIV>

编辑
1#
回复此人
敢嫁就敢娶 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 在您的数据对象中添加 <code> loading </code> 属性并导入模块如下： </p> <pre> <code> import PulseLoader from "vue-spinner/src/PulseLoader.vue"; export default{ data: () => { return { color: '#000000', size: '1000px', loading:true } }, components:{PulseLoader} ... } </code> </pre> <P> 或者你可以使用 <code> computed </code> 像这样的财产： </p> <pre> <code> computed:{ loading(){ return true;} } </code> </pre> <P> 你可以做任何你想做的事情并返回一个布尔值 <code> loading </code> 名称 </p> </DIV>

编辑

登录后才能参与评论