На прошлой неделе в процессе разработки я столкнулся с требованием: в итоге при использовании компонента каскадного селектора Element-ui данные должны загружаться лениво, а любой элемент можно выбрать кликом.
Сначала я не обратил на это особого внимания, подумал, что это очень простое требование, и поклялся продакт-менеджеру, что задача будет выполнена.
Когда я закончил писать функцию ленивой загрузки, я обнаружил, что могу выбрать только последний элемент! Сразу же я немного запаниковал, я проверил документацию и обнаружил, что событие триггера отложенной загрузки active-item-change доступно только тогда, когда изменение при выборе (разрешить ли выбор любого уровня параметров) является ложным.
然后就开启了我的填坑之旅...
описание проблемы
При использовании компонента каскадного селектора Element-ui, если вы используете функцию отложенной загрузки, вы не можете щелкнуть, чтобы выбрать какой-либо элемент.Решения
Используйте событие active-item-change, предоставленное elementUI, чтобы получить текущий выбранный массив путей pathArray. Привязав текущее событие, создайте структуру данных, необходимую для выбора (item, menuIndex):item：{
value: 1,
label: "vae"
}
menuIndex = pathArray.length - 1
Это может добиться эффекта расширения при наведении и выбора клика.
Код
Примечание: «элемент-ui»: «^ 2.4.11»
Суммировать
Яма была заполнена, я надеюсь, что вы сможете решить эту проблему в будущем, когда столкнетесь с этой проблемой.постскриптум:Друзья, если есть какие-то ошибки или неточности, пожалуйста, обязательно исправьте их, большое спасибо. Если вы считаете, что эта статья неплохая, не забудьте поставить ей палец вверх! Первый адрес этой статьи:Vae's Blog