美文网首页
微信小程序Megalo开发踩坑计-radio标签

微信小程序Megalo开发踩坑计-radio标签

作者: 鱼_5969 | 来源:发表于2019-04-21 15:59 被阅读0次

原文首发于http://blog.yumengtao.top/

最近项目需要开发一个微信小程序应用,考虑前端技术栈统一(Vue),选用网易开源的Megalo(网上戏称说网易出品必属精品)。

可能开源不久,网上资料较少,在此记录点开发中碰到的小问题。


由于微信的标签与HTML有差异,vue事件的需要重新对应

传统HTML INPUT radio事件

<input type="radio" v-model="pick" v-bind:value="a">

但是小程序重新定义INPUT标签,单选radio采用独立标签

<radio-group class="radio-group" bindchange="radioChange">
  <label class="radio" wx:for="{{items}}">
    <radio value="{{item.name}}" checked="{{item.checked}}" />
  </label>
</radio-group>

这样导致v-model无法绑定,泪目。。。
那么这个问题如何解决呢,重点就在bindchange="radioChange"(radio选择变更事件)。
现在问题变成bindchange对应vue中什么事件呢?答案:@change

 <radio-group @change="breathChange">
      <label ><radio value="positive"/>阳性</label>
      <label ><radio value="negative "/>阴性</label>
 </radio-group>

相关文章

网友评论

      本文标题:微信小程序Megalo开发踩坑计-radio标签

      本文链接:https://www.haomeiwen.com/subject/ewljgqtx.html