[已删除]
[已删除]
  • 发布:2020-01-15 14:38
  • 更新:2020-01-15 14:38
  • 阅读:1183

小程序组件无法正常使用

分类:uni-app

目前有一个需要需要做一个页面拦截器,就是在页面的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>

目前没到到原因,猜想是编译的问题,哪位大神看到了麻烦提供一下原因和解决方案,非常感谢

2020-01-15 14:38 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复