目前有一个需要需要做一个页面拦截器,就是在页面的onShow和onHide 中加上统一的代码,于是采用了,加工vue中export default 对象的做法,但是目前遇到了组件无法正常引入的错误,其他功能正常;代码如下:
// Router.js 拦截器代码
export function Router(options){
let onshowTemp = options.onShow
options.onShow = function(){
// 给onShow 统一加入监听功能
console.log("进入每个页面都会触发")
onshowTemp()
}
return options
}
// home.vue 页面代码
// 小程序中组件无法正常渲染
<template>
<uni-search-bar placeholder="自定placeholder" @confirm="search"></uni-search-bar>
</template>
<script>
import uniSearchBar from '@dcloudio/uni-ui'
export default Router({
components: { uniSearchBar }
})
</script>
然后在发现只要是.vue文件中的export default 后面只能接 "{...}" 才能正常编译,不然组件都无法正常渲染,代码如下:
// home.vue 页面代码
// 小程序中组件无法正常渲染
<template>
<uni-search-bar placeholder="自定placeholder" @confirm="search"></uni-search-bar>
</template>
<script>
import uniSearchBar from '@dcloudio/uni-ui'
const page = {
components: { uniSearchBar }
}
export default page
</script>
目前没到到原因,猜想是编译的问题,哪位大神看到了麻烦提供一下原因和解决方案,非常感谢
0 个回复