javascript - 为什么我的组件没有在 App.vue 中导入?
问题描述
我试图在页面加载期间显示脉冲加载器。我从下面的代码中得到两个错误。
应用程序.vue
<template>
<div id="app">
<div id="nav">
<router-link to='/'><div v-if="$route.name=='home'" class='activeLink'>Home</div></router-link>
<pulse-loader :loading=this.loading></pulse-loader>
</div>
<keep-alive include="home"> </keep-alive>
<router-view />
</div>
</template>
<script>
import PulseLoader from 'vue-spinner/src/PulseLoader.vue';
export default {
data() {
return {
loading: true
}
components: {
PulseLoader
}
},
methods: {
getLoadingStatus() {
$(window).on('load', function(){
this.loading=false;
});
},
},
mounted() {
this.getLoadingStatus()
},
};
</script>
错误:
Unknown custom element: <pulse-loader> - did you register the component correctly
ReferenceError: $ is not defined
这是在一个从 vue cli 创建的普通 vue.js 项目中。
解决方案
注册组件不是在数据中完成的,而是在它自己的。
data() {
return {
loading: true
}
components: {
PulseLoader
}
},
应改为:
components: {
'pulse-loader': PulseLoader // name the component here what you want to name your custom tag
},
data() {
return {
loading: true
}
},
推荐阅读
- jquery - 触发 addEventListener “onclick” 而不是 “click”
- python - 如何在 alembic 升级头中运行升级后代码
- java - RecyclerView 未正确显示,尽管在 layout.xml 的“设计”模式下正确显示
- imagemagick - imagemagick 产生不想要的输出图像
- python-3.x - 向 matplotlib 图添加和删除图
- javascript - 如何获取填充了参考字段的文档
- excel - Excel公式帮助 - 商业累积书
- java - EddyStone URL 无法在 Android 应用程序上正确显示?
- python - 由列表推导形成的矩阵和乘以列表元素之间的区别?
- docker - 在 docker swarm 中添加管理器节点