zoukankan      html  css  js  c++  java
  • 记一次viewui框架的一个bug

    问题:在业务中使用了viewUI,但是在使用select下拉框时,莫名的发现一个问题,其中的on-change事件是在option发生改变的时候触发,但是在页面刚进来的时候也会触发这个事件,就感觉莫名奇妙,不知道是不是一个bug,但是还是最终解决了,解决方法如下;

    html:

    <Select v-model="searchValueObj.sfrom" style="280px" size="small" multiple :max-tag-count="3" @on-change="handleSelectChange" @on-open-change="allowedChange">
       <Option v-for="item in contentPool" :value="item.value" :key="item.value">{{item.label}}</Option>
    </Select>

    methods里的方法

    allowedChange (val) {
        this.allowed =  val //下拉框展开或收起触发   返回true/false
    },
    handleSelectChange (val) {
        if (this.allowed) {
        //......       //处理逻辑     
        }        
    }

    这个小技巧就是和on-open-change事件相结合,第一次页面渲染的时候不会触发此函数,因此默认为false,当下拉框展开选择下拉项的时候返回true,因此避免了第一次的触发

  • 相关阅读:
    Objective-C实用类和协议
    KVC(Key-Value-Coding)和KVO(Key-Value-Observer)
    Xcode
    IOS模拟器
    沙盒机制
    UIScrollView
    NSPredicate
    输入控件适应键盘
    10步成为专业iOS开发者——新手向,从零起步
    2015 年五大移动端设计趋势
  • 原文地址:https://www.cnblogs.com/PrayLs/p/12885344.html
Copyright © 2011-2022 走看看