[]
vue.js checkbox event
hiç vue.js bilgim yok. ilgili checkbox'ı yazdırmak için aşağıdaki kodu eklemişler sayfaya:
<div class="xyz-s-e__item" v-for="(s_x_details, key) in x_s_es">
<el-checkbox v-model="x_step_form_data.x_selected_y_details[s_y_details.x_y_s_id].x_is_selected" class="xyz-front-form-control--checkbox" ></el-checkbox>
</div>
bu şekilde checkbox'a tıklandığında change event'ı nasıl yakalanıyor olabilir yahut sadece state güncelleniyor gibi bir şeyse nerede yapılıyor olabilir. dünya kadar methods var bununla ilgili kısmı bulamadım.
<div class="xyz-s-e__item" v-for="(s_x_details, key) in x_s_es">
<el-checkbox v-model="x_step_form_data.x_selected_y_details[s_y_details.x_y_s_id].x_is_selected" class="xyz-front-form-control--checkbox" ></el-checkbox>
</div>
bu şekilde checkbox'a tıklandığında change event'ı nasıl yakalanıyor olabilir yahut sadece state güncelleniyor gibi bir şeyse nerede yapılıyor olabilir. dünya kadar methods var bununla ilgili kısmı bulamadım.
- lemmiwinks
(09.12.22 14:09:40)
teşekkürler @lemmiwinks . ben bu kısımda radio kullanamıyorum ama bu checkbox'ların radio gibi davranmasını istiyorum. change fonksiyonu mu yazmam gerekir, diğer checkbox'ların unchecked olması için?
- ensar
(09.12.22 14:22:21)
sanirim soyle bir sey olabilir. vue bilmiyorum, internetten bulup yaptim.
<el-checkbox
:checked="x_step_form_data.x_selected_y_details[s_y_details.x_y_s_id].x_is_selected"
@input="event => {
x_step_form_data.x_selected_y_details[s_y_details.x_y_s_id].x_is_selected = event.target.value;
if (event.target.value) {
otherCheckbox1 = false;
otherCheckbox2 = false;
}
}"
></el-checkbox>
ama neden radio kullanamayasin ki? bence mumkun olmasi lazim :) style degisikligine veya baska insanlari ekna etmeye ihtiyacin olabilir ama dogru yerde dogru elementi kullanmak lazim.
<el-checkbox
:checked="x_step_form_data.x_selected_y_details[s_y_details.x_y_s_id].x_is_selected"
@input="event => {
x_step_form_data.x_selected_y_details[s_y_details.x_y_s_id].x_is_selected = event.target.value;
if (event.target.value) {
otherCheckbox1 = false;
otherCheckbox2 = false;
}
}"
></el-checkbox>
ama neden radio kullanamayasin ki? bence mumkun olmasi lazim :) style degisikligine veya baska insanlari ekna etmeye ihtiyacin olabilir ama dogru yerde dogru elementi kullanmak lazim.
- lemmiwinks (09.12.22 14:36:51 ~ 14:38:04)
1
