Jquery Vue 2 v-适用于多个订购者

我需要帮助排序一个带有键：“updated_at”和“order_at”的数组，现在代码进行搜索和反转，但我无法将其发送给orderby，您可以在这里看到一个JSFIDLE：有人能帮我吗，这是到期代码的一部分

谢谢你的帮助

    data: {
        items: array goes here,
        searchObj: {
            msgText: '',
            desc_en: '',
            created_at: '',
            updated_at: '',
            sort: false
        },
        sortKey: 'updated_at'
    },

    filters: {
        formatDate: function (date_data) {
            moment.locale('{{$user->lang}}');
            return moment(date_data).format('lll') + ' EST';
        }
    },

    methods: {
        orderBy: function (data) {
            alert(data);
        }
    },
    computed: {
        itemsWithFilter: function () {
            var that = this;
            return that.items
            .filter(function (item) {
                if(item.desc_en) {
                    results = item.name_en.toLowerCase().indexOf(that.searchObj.msgText.toLowerCase()) > -1;
                    results2 = item.desc_en.toLowerCase().indexOf(that.searchObj.msgText.toLowerCase()) > -1;
                    return results + results2;
                }
            })
            .sort(function (a, b) {
                if (that.searchObj.sort)
                    return a[that.sortKey] > b[that.sortKey] ? 1 : -1;
                else
                    return a[that.sortKey] > b[that.sortKey] ? -1 : 1;
            })
        }
    }

---

您希望单选按钮的型号为

sortKey

，以便在选择单选按钮时，重新计算

messagesWithFilter

<input type="radio" name="orderBy" v-model="sortKey" id="normal" value="message" checked="checked"><label for="normal">orderBy normal (this should be auto selected on load)
<br>
<input type="radio" name="orderBy" v-model="sortKey" id="created_at" value="created_at"><label for="created_at">orderBy created_at
<br>
<input type="radio" name="orderBy" v-model="sortKey" id="updated_at" value="updated_at"><label for="updated_at">orderBy updated_at

orderBy normal（加载时应自动选择）


orderBy创建于


orderBy更新了

Hi Roy谢谢你的回答，它很好用，到期时很容易…当你知道Roy时，我注意到的一件事是当它被选中时，它会显示Z…A，而不是升序A…m…Z，有没有办法修复这个收音机？其他的都是正确的排序顺序取决于你的排序功能。如果（that.searchObj.sort&&that.sortKey！='message'）…这样消息就得到了相反的顺序。嗨，罗伊，我尝试了你的上一个代码，但这只在调用.sort时进行排序，想法是当sortKey='name\u en'时列表是递减的，所以我尝试了这个，但它没有做任何事情：itemsWithFilter:function（）{var that=this；if（that.sortKey='name_en'）返回u.orderBy（that.items，'name_en'，'asc'）；否则返回。itemsRoy只有一个问题，我想知道是否每次sortKey更改时都会重新加载映像？我觉得每次更改订单时都会有对服务器的请求