weex 踩坑小纪

  • Lanceloft
  • 2 Minutes
  • September 24, 2017

native与web差异

样式覆盖

在写 weex 样式时候都是需要在style里面加 scoped 官网这里解释是为了让css在本页面中加载, 很多人就以为这样子可以重复命名, 但是实际上在web端会出现样式覆盖问题, 所以为了兼容三端的情况, 还是不能进行重复命名.

关于vuex使用组件

一般在web端我们使用vuex, 在引用后都需要声明使用

1
Vue.use(Vuex)

但是在weex里面是如果在playground打开会提示重复使用的问题, 这里需要对平台进行判断

1
2
3
if (WXEnvironment.platform !== 'Web') {
Vue.use(Vuex)
}

标签差异

在web端的input标签不需要闭合,在weex的时候需要进行闭合,闭合方法

1
<input type="number" />

div中渲染文本

在web端写个

就可以进行文字的渲染, 在weex里面是并不支持的, 正确的方式是
1
2
3
<div>
<text>This is your text</text>
</div>