微信小程序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>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 基于Vue的一些资料 内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 element★...
    尝了又尝阅读 4,868评论 0 1
  • 金钱的陷阱 左右两侧象限的财商水平决定了对相同事件的不同看法,做同一个理财决定的不同收益。 右侧象限的人财商高,他...
    fubaba学财商阅读 861评论 0 1
  • 我想我有病
    crystalpcc阅读 1,371评论 0 1
  • 我的女神美美哒
    婉玥秋琳阅读 2,682评论 0 0
  • 官网搬运工 Vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和...
    广告位招租阅读 754评论 0 2