Weex Android 扩展Component 空白

问题描述

问 题

Android 扩展Component v-for 空白,不使用v-for 可以显示

public class RichText extends WXComponent {
  public RichText(WXSDKInstance instance, WXDomObject dom, WXVContainer parent, boolean isLazy) {
    super(instance, dom, parent, isLazy);
  }
  @Override
  protected void initView() {
    mHost=new TextView(mContext);
    ((TextView)mHost).setMovementMethod(LinkMovementMethod.getInstance());
  }
  @WXComponentProp(name = "tel")
  public void setTelLink(String tel){
    SpannableString spannable=new SpannableString(tel);
    spannable.setSpan(new URLSpan("tel:"+tel),0,tel.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
    ((TextView)mHost).setText(spannable);
  }
}

vue

<template>
  <div>
    <richText v-for="item in list" tel="12305" style="width:200;height:100">12305</richText>
  </div>
</template>
<script>
    export default{
        data(){
            return {
                list:[1,2,3]
            }
        }
    }
</script>

解决方案

经测试，自定义组件使用 v-for 必须跟上 key 属性

这篇关于Weex Android 扩展Component 空白的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！