<template>
<view >
<text class="title">{{title}}</text>
<radio-group class="radio-group" @change="radioChange">
<label class="radio" v-for="(item,key) in list" :key="key">
<radio :value="item.value" :data-text="item.text"/>{{item.text}};
</label>
</radio-group>
</view>
</template>
<script>
export default {
data: {
list: [{
value: 'A',
text: '正常服务'
}, {
value: 'B',
text: '异常服务'
}, {
value: 'C',
text: '大修'
}]
},
methods: {
radioChange: function(e) {
console.log(e.currentTarget.dataset.text);
},
}
}
</script>
<style>
</style>
6 个回复
Trust - 少说废话
上传下demo
9***@qq.com (作者)
<template>
<view >
<text class="title">{{title}}</text>
<radio-group class="radio-group" @change="radioChange">
<label class="radio" v-for="(item,key) in list" :key="key">
</template>
<script>
export default {
data: {
list: [{
value: 'A',
text: '正常服务'
}, {
value: 'B',
text: '异常服务'
}, {
value: 'C',
text: '大修'
}]
},
methods: {
radioChange: function(e) {
</script>
<style>
</style>
9***@qq.com (作者)
请指点。谢谢
9***@qq.com (作者)
未解决,请帮忙。
Trust - 少说废话
radio 组件不支持设置定义属性,你是要实现什么功能?
9***@qq.com (作者)
哦,小程序的可以。要储藏多个数据。现在变通办法是 VALUE存多个字段组合,JS中转换为数组,从中取值。