使用框架7和vuejs时如何处理广播和复选框?

时间:2018-06-03 15:41:52

标签: javascript vue.js radio html-framework-7

我正在开发一个框架7 vue的移动应用程序,有时真的难以跟踪文档...例如,在无线电文档(标准或用于vue)中,没有信息如何处理代码端的选定无线电元素, docs只显示html代码。也许我在这里想念一些东西,对于其他一些组件也有同样的问题,例如复选框。如何在代码中获取选定的无线电值?

以下是f7-list

下的无线电组代码
f7-list(form='')
f7-list-item(:key='1', radio='', name='my-radio', :checked='1 === 1', :value='1', :title="'Spearkerphone'")
f7-list-item(:key='2', radio='', name='my-radio', :checked='2 === 1', :value='2', :title="'Earpiece'")
f7-list-item(:key='3', radio='', name='my-radio', :checked='3 === 1', :value='3', :title="'Blootooth Headset'")

电台文件列出了Checkboxes&无线电特定属性,我该如何访问它们?当我调试这个。$ 7,我看不到收音机或f7列表视图。$ 7,那我该怎么办?我如何在这里使用DOM?

我也尝试过但没有帮助

var isChecked = this.$f7.find('input[name=my-radio2]').prop('checked');
or this dont work

和这个

var isChecked = this.$f7.input.my-radio2.checked

论坛上的一些帖子提供了这样的解决方案,但我不知道如何用vue和f7 vue做到这一点

$$('input[type="radio"]').on('change click', function(ev){
   console.log($$(ev.currentTarget).val());
})

0 个答案:

没有答案