wxml

<view style="display: flex;margin: 30px;">
    <view class="navtext {
   { item.status ? 'status':''}}" data-index="{
   { index }}" wx:for="{
   { navtext }}" bindtap="clickEvent" wx:key="index">
        {
   { item.name }}
    </view>
</view>

js

  data: {
        navtext: [{
                name: '精选',
                id: 1
            },
            {
                name: '番剧',
                id: 2
            },
            {
                name: '分区',
                id: 3
            },
            {
                name: '小视频',
                id: 4
            }
        ]
    },

    clickEvent(e) {
        var idx = e.currentTarget.dataset.index
        var pd = this.data.navtext.filter(val => {
            return val.status
        })
        if (pd.length < 2) {
            this.setData({
                ['navtext[' + idx + '].status']: true, //在每个对象里添加新属性
            })

        } else {
            console.log(this.data.navtext[idx]);
            if (this.data.navtext[idx].status) {
                this.setData({
                    ['navtext[' + idx + '].status']: false, //在每个对象里添加新属性
                })
            }
        }
        var arrays = this.data.navtext.filter(res => res.status)
        console.log('选中的----->>>>',arrays);
    },

wxss

.status{
    color: seagreen;
    color: white;
    background-color: seagreen;
}

.navtext{
    border: 1px solid;
    border-radius: 20rpx;
    padding: 15rpx 20rpx;
    width: 100rpx;
    text-align: center;
    margin-left: 20rpx;
}