在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue如何阻止冒泡事件呢

vue如何阻止冒泡事件呢


    <el-checkbox style="width: 100%;height: 45px" v-for="(element,index) in formThead" :key="index" :label="element.value" @change="test1()">
                                <el-slider v-model="element.width" :max="200" style="margin-bottom: -30px;margin-left: 100px;width: 450px" show-input @change.stop="test2()" ></el-slider>
                                {{element.label}}
                            </el-checkbox>

我el-checkbox里面放了一個el-slider 怎么才能阻止冒泡事件呢 網(wǎng)上搜的stop不起效

應該怎樣寫呢？

回答
編輯回答
話寡

show-input 設為 false 吧, 這個 change 事件是里面的 input 產(chǎn)生的原生事件, el-slider 上的 change 事件是自定義事件, 不存在事件傳播.

2018年1月4日 16:02
編輯回答
厭遇

最后意外的解決了

在el-slider外層套了一層label 這樣就不會出發(fā)check-box所在label的事件了

    <el-checkbox-group v-model="formTheadData"  >

                    <draggable v-model="formThead" >

                        <el-checkbox style="width: 100%;height: 45px" v-for="(element,index) in formThead" :key="index"
                                     :label="element.value" @change="test1">

                            <label>

                                <el-slider v-model="element.width" :max="200" style="margin-bottom: -30px;margin-left: 32%;width: 400px"  show-input @change="test1"></el-slider>

                            </label>
                            {{element.label}}

                        </el-checkbox>



                    </draggable>

                </el-checkbox-group>

感謝@zhanggy 問題確實出在label上，并不是事件冒泡

2018年7月14日 06:07
編輯回答
孤島

問題在這里
在label中
clipboard.png
這個應該不好改，還是自己造一個輪子吧

2018年4月13日 08:23