uni-app 分段器segement content中 不能加载整个页面,包括页面中的动态值全部不生效
工藤驼一
- 发布:2018-09-19 14:52
- 更新:2019-07-03 11:47
- 阅读:2518
Trust - 少说废话
注意看下例子里面的样式,例子里面为了做演示,设置了高度为 300upx。
实际开发中,这个内容高度根据自己的需要定死,或者自动平铺下来。
.content {
display: flex;
justify-content: center;
align-items: center;
height: 300upx;
text-align: center;
}
另外,分段器组件本身,并不会限制其他组件的展示。也就是说,分段器本身只负责自己的展示,至于选项对应哪个区域,完全看实际开发中业务需求。
更新:
- data 值必须为函数格式
- 自定义组件,必须声明 name 值
- list 为保留组件名,自定义组件不可使用。(这个的确是我们文档没说清楚,后面会尽快补充)
- 自定义组件中的样式需要调整一下,否则会遮挡住其它的组件,例如分段器。
上传了一个调整后的 demo,为测试组件的渲染,所以把分段器注释掉了,可以参考下。
工藤驼一 (作者)
300的高度足够显示一部分了,这不是重点,重点是整个页面没办法加载数据
2018-09-19 15:08
Trust
回复 工藤驼一:上传下demo吧,不是很清楚到底干了什么。
2018-09-19 15:16
工藤驼一 (作者)
demo传了,由于关系到项目,我就把其他的page都删了
2018-09-19 15:45
工藤驼一 (作者)
是不是框架没有把vue 的 子组件标签的解析加进来,在vue上,<>子组件</>,是个自动解析script的,但这里没有被解析出来,所以没有动态值
2018-09-19 16:10
Trust
回复 工藤驼一:使用了保留组件名称导致的,回复里面更新了。
2018-09-19 16:15
工藤驼一 (作者)
回复 Trust:嗯嗯,实现了,真的好谢谢你,是我这边太多的细节问题
2018-09-19 16:32
工藤驼一 (作者)
回复 Trust:segmented-control的切换好卡,content切换很快,segmented-control切换颜色很慢,为什么?
2018-09-19 21:15
工藤驼一 (作者)
回复 Trust:见下面回复的图
2018-09-19 21:18