9***@qq.com
9***@qq.com
  • 发布:2018-10-10 18:40
  • 更新:2018-10-11 21:14
  • 阅读:1130

:data-* 不成功,undefined

分类:uni-app

对动态生成的 radio :value="item.id" :data-text="item.community_name"〉


console.log(e.currentTarget.dataset.text);

输出为undefined

2018-10-10 18:40 负责人:无 分享
已邀请:
Trust

Trust - 少说废话

上传下demo

9***@qq.com

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">

            <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>

9***@qq.com

9***@qq.com (作者)

请指点。谢谢

9***@qq.com

9***@qq.com (作者)

未解决,请帮忙。

Trust

Trust - 少说废话

radio 组件不支持设置定义属性,你是要实现什么功能?

9***@qq.com

9***@qq.com (作者)

哦,小程序的可以。要储藏多个数据。现在变通办法是 VALUE存多个字段组合,JS中转换为数组,从中取值。

该问题目前已经被锁定, 无法添加新回复