uniapp radio-group点击获取值，判断非空方法实现

2021-01-10 阅读：5958 类型：前端分类：uni-app 标签： uni-app

获取点击后置可以使用@change：<radio-group> 中的选中项发生变化时触发 change 事件，event.detail = {value: 选中项radio的value}

<template>
<view>
        <view>
            <radio-group @change="radioChange">
                <label class="uni-list-cell uni-list-cell-pd" v-for="(item, index) in items" :key="item.value">
                    <view>
                        <radio :value="item.value" :checked="index === current" />
                    </view>
                    <view>{{item.name}}</view>
                </label>
            </radio-group>
        </view>
    </view>
</template>
export default {
    data() {
        return {
            items: [{
                    value: PHP,
                    name: 'PHP'
                },
                {
                    value: 前端,
                    name: '前端',
                    checked: 'true'
                }            ],
            current: 0
        }
    },
    methods: {
        radioChange: function(evt) {
            for (let i = 0; i < this.items.length; i++) {
                if (this.items[i].value === evt.target.value) {
                    this.current = i;
                    break;
                }
            }
        }
    }
}

注：多个按钮组的话可以定义一个数组，使用push（）往数组追加元素，结合数组去重方法，来判断是否为空。

//去重函数
unique4(arr){
  var hash=[];
  for (var i = 0; i < arr.length; i++) {
         for (var j = i+1; j < arr.length; j++) {
           if(arr[i]===arr[j]){
                   ++i;
           }
         }
           hash.push(arr[i]);
  }
  return hash;
},