vue elementUI 使用el-select 時 change觸發(fā)的問題解決帶來的關于vue中

maxmin 發(fā)布于2019-08-23 16:16 / 3711人閱讀

摘要：機臺無可選機床請選擇機臺無可選機床請選擇的縮寫是，的縮寫是和是函數，應該用，不能用，這些細節(jié)在日常開發(fā)中要注意

el-select 的change事件

當我們在修改el-select值的時候，會觸發(fā)change事件，因此可以改變v-model的值，一開始使用的時候就像下面這樣

但是會出現一個問題：我們有多個el-select，只是改變了其中一個el-select的值，但是會觸發(fā)所有的change事件；或者我們是v-for生成了很多個調用同一個change函數的el-select，這時所有的el-select都會執(zhí)行一遍change函數，這會給我們帶來意想不到的問題。

那怎么處理這個問題呢？elementUI文檔給我們介紹了另一個事件：visible-change，用法如下

我以為可以解決，但是并沒有用，突然我注意到:chang，想到了應該用@change，一試果然解決了。

v-bind的縮寫是：，v-on的縮寫是@

change和visble-change 是函數，應該用@，不能用：，
這些細節(jié)在日常開發(fā)中要注意

云服務器 GPU云服務器租用idc機房解決的問題和帶來的效益 vue 中使用 webrtc vue中使用webrtc 大數據帶來的問題

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/102847.html

開發(fā)中遇到的問題總結

摘要：獲取字符串中出現次數最多的字符。去掉字符串中的所有空格中對象數組按對象屬性排序 VUE 1、vue——解決You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use / eslint-disable / to ign...

wenshi11019 2019-08-23 16:03 評論0 收藏0
開發(fā)中遇到的問題總結

摘要：獲取字符串中出現次數最多的字符。去掉字符串中的所有空格中對象數組按對象屬性排序 VUE 1、vue——解決You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use / eslint-disable / to ign...

Yuqi 2019-08-30 15:56 評論0 收藏0
vue自定義指令clickoutside擴展--多個元素的并集作為inside

摘要：指令中自定義的指令之一，顧名思義，就是當鼠標點擊了指令所綁定元素的外部時，就會觸發(fā)綁定方法。在鼠標放開觸發(fā)事件處理時，通過獲取到他們的對象。使用示例原來的使用方式不受影響，只是添加了多個元素并集作為的功能。指令中的參數學習都是個人理解，如果發(fā)現錯誤，懇請大家批評指正，謝謝。還有我說的會比較啰嗦，因為是以自身菜雞水平的視角來記錄學習理解的過程，見諒。 1.前言產品使用vue+elem...

ivan_qhz 2019-08-22 16:04 評論0 收藏0
v-model

摘要：用法中比較基礎的用法是在表單控件中，創(chuàng)建雙向數據綁定，能夠更新數據并負責監(jiān)聽用戶的輸入事件實例代碼這里是監(jiān)聽了輸入框的事件，并將其賦值給。找到的父組件就是組件，里面沒有注冊任何方法只是了屬性。因為在也是利用了的語法糖。 Vue v-model 用法 vue 中v-model 比較基礎的用法是在表單控件中，創(chuàng)建雙向數據綁定，能夠更新數據并負責監(jiān)聽用戶的輸入事件實例代碼 ...

RiverLi 2019-08-21 11:53 評論0 收藏0