過濾器:
新建一個filter.js文件
export default {
// 操作返回無百分號的數據
numUpDown(v) {
return isNaN(v)?v:(v>0?('+'+v):v);
}
};
在main.js引入
import filters from '@/components/global/filters';
Object.keys(filters).forEach(key => {
Vue.filter(key, filters[key]);
});
組件:
新建一個 zLoadFaild.vue 文件
<!-- 加載失敗頁面 -->
<template>
<div class="imgfa" @click='refresh'>
<img class='imgdefault' src="@/assets/images/loadfailed.png" alt="">
<span class="text">加載失敗</span>
<slot>
<div class='refreshbtn' >立即刷新</div>
</slot>
</div>
</template>
新建一個 index.js 文件來引入并install組件
<!-- 加載失敗頁面 -->
export default {
install(Vue) {
Vue.component('z-loadfailed', () => import('./zLoadFailed.vue'));
}
};
在main.js 引入處理
import zglobal from '@/components/global/index.js';
Vue.use(zglobal);
使用
<z-loadfaild></z-loadfaild>
