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

原文首发于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>
复制代码

转载于:https://juejin.im/post/5cbc247151882532b70e766e