el-checkboxで発生したトランスミッション問題とchangeイベントトランスミッションのデフォルト値
882 ワード
プロジェクトで実際に発生した問題を記録します.プロジェクト背景:バックグラウンドでデータが返され、checkboxが表示される必要があります.一般的には直接表示されますが、checkboxのオプションが多すぎて、切り替えオプションにも関連しており、checkboxのオプションも変更されます.解決方法:多くの伝値方法を再試行した後、結果はなく、最後にvuexを使用してバックグラウンドにデータを返すことを決定した.vuexバックグラウンドで取得したデータを格納
2.checklistはcheckboxで選択したオプションを格納します.バックグラウンドですべてのオプションを返すには、オプションを切り替えてインタフェースを再呼び出すため、インタフェースが戻るたびにvuexにこのオプションがあるかどうかを直接巡り、checklistを入れます.(チェックされた状態が表示され、自分でデータを処理することを繰り返す可能性があります)3.新しいデータを選択し、watchは自分のchecklistを監視してvuexに入れます.
checkBox change
シーン:選択したオプションがvuexで重複しているかどうかを毎回リスニングするため、このイベントは自分の処理のオプションを返すことができます.
checkedは自分で操作する状態itemはあなたが操作するオプションです(操作しやすい)
computed:{
/**
* vuex
* @returns {any}
*/
checkAllList(){
return this.$store.getters.getSelectForecastObj;
}
},
2.checklistはcheckboxで選択したオプションを格納します.バックグラウンドですべてのオプションを返すには、オプションを切り替えてインタフェースを再呼び出すため、インタフェースが戻るたびにvuexにこのオプションがあるかどうかを直接巡り、checklistを入れます.(チェックされた状態が表示され、自分でデータを処理することを繰り返す可能性があります)3.新しいデータを選択し、watchは自分のchecklistを監視してvuexに入れます.
checkBox change
シーン:選択したオプションがvuexで重複しているかどうかを毎回リスニングするため、このイベントは自分の処理のオプションを返すことができます.
handleCheckEvent(checked,item)>
checkedは自分で操作する状態itemはあなたが操作するオプションです(操作しやすい)