其实大部分坑在 uni-app在官网都有介绍 具体位置在 模块
官方文档中总结了很多坑,但我只说一下我今天遇到的:
坑1:
解决办法:从后台获取数据后始用js对数据进行处理, 例子:
始用过滤器时:
{{talk.date|formatTime}}
始用uni-app:
uni.request({
url: 'http://localhost:8088/talk/queryList',//仅为示例,并非真实接口地址。
success: (res) => {
this.talkList = res.data
this.talkList.forEach(item => item.date = this.formatTime(item.date))
}
})
坑2:
uni-app中this.$store为undefind,必须要在main.js中加入这行代码
Vue.prototype.$store = store
详细配置可点击标题连接,uni-app有详细说明,与普通vue项目不同的只是多了上面这行代码
坑3:
之前我的iconfont.css是从 下载到本地的,但是uni-app不支持本地iconfont.css,报错
00:42:22.580 Module build failed: ModuleNotFoundError: Module not found: Error: Can't resolve './iconfont.eot?t=1521557349802' in 'D:workspaceappProjectsuniQingchipagesindex'
00:42:22.592 at factoryCallback (D:appHBuilderXpluginsuniappnode_moduleswebpacklibCompilation.js:264:39)
00:42:22.592 at factory (D:appHBuilderXpluginsuniappnode_moduleswebpacklibNormalModuleFactory.js:247:20)
00:42:22.603 at resolver (D:appHBuilderXpluginsuniappnode_moduleswebpacklibNormalModuleFactory.js:65:21)
00:42:22.613 at asyncLib.parallel (D:appHBuilderXpluginsuniappnode_moduleswebpacklibNormalModuleFactory.js:138:21)
后来看了官网知道了微信小程序不支持本地图标,
解决方案:从 获取在线连接
可以点击Unicode旁边的Font class然后点开里面的网址,将展示的内容替换本地的css就好了
坑4:
而且目前uni-app 标签很少,组件也很少, uni-app中的view标签相当于html中的div或者p标签,text标签相当于p标签, 我今天只用了三个标签 button,view,image 贴一个官方的代码你们自己感受一下 全是一色的view标签:
(编辑:李大同)
【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!
|