找回密码
 立即注册
搜索

开发问题 select组件的change事件怎么用?有DEMO吗?

2
回复
1994
查看
[复制链接]

5

主题

7

帖子

60

积分

 楼主| 2018-7-31 08:37:36 显示全部楼层 |阅读模式
select组件的change事件怎么用?有DEMO吗?我不能获取change后的新值
回复

使用道具 举报

0

主题

56

帖子

280

积分

2018-8-1 12:16:42 显示全部楼层
  1. <div class="item-container">
  2. <text class="item-title">select当前选中的值:{{selectedVal}}</text>
  3. <select class="select" @change="updateVal">
  4. <option value="默认样式">默认样式选项</option>
  5. </select>
  6. </div>
复制代码
  1. updateVal (e) {
  2. this.selectedVal = e.newValue
  3. }
复制代码
回复

使用道具 举报

5

主题

7

帖子

60

积分

 楼主| 2018-8-1 16:49:41 显示全部楼层
本帖最后由 15710100506 于 2018-8-1 16:52 编辑
复制代码
  1. <select id="bankSel" class="_city-select" onchange="onSelectBanks">
  2. <option class="_city-option" value="0">全部银行</option>
  3. <option class="_city-option" value="{{$item.id}}" for="bankLst" selected="{{$item.id==id}}">{{$item.bankName}}</option>
  4. </select>
复制代码
  1. onSelectBanks(evt){
  2. console.log(`onSelectBanks`)
  3. if(this.isReady==true){
  4. var newVal = evt.newValue;
  5. //this.id = evt.detail;
  6. if(newVal){
  7. this.id = newVal;
  8. }
  9. this.fireSelectChange();
  10. }
  11. },
复制代码
我是这样用的,但是在有些平台没作用。在华为平台发布后没有起作用。但是自己的调试工具里没问题。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册