嗯。
这个下拉列表里面的值是对的，包含了1-3.
目前还存在问题：
1.没有默认选择对应的值。
2.当我将bbb的下拉框调整为3时。原本的3没有变化。我希望会3的下拉框变成2
这样做的原因是避免重复。
感谢解答，我稍后会补充一下问题。

@丶深色系: 币太少了没动力

@小小咸鱼YwY: 100够吗？

<template>
    <div>
        <div v-for="data in data_list">
            <span>{{data.name}}</span>
            <select class="select">
                <template v-for="a in data_list">
                    <template v-if="data.name==a.name">
                        <option :value=a.order  selected="selected">{{a.order}}</option>
                    </template>
                    <template v-else>
                        <option :value=a.order >{{a.order}}</option>
                    </template>
                </template>
            </select>
        </div>
    </div>
</template>

<script>

    export default {
        name: "test",
        data() {
            return {
                data_list: [

                    {"ID": "654", "order": "1", "name": "aaa"},

                    {"ID": "321", "order": "2", "name": "bbb"},

                    {"ID": "987", "order": "3", "name": "ccc"}

                ]
            }
        },
    }
</script>

<style scoped>

</style>

这是1=》下拉框默认选择order的值。你下面是要怎么做jq?js?还是模板,要不要修改变量还是渲染之后

@小小咸鱼YwY: 你可以看看问题描述的补充，还有问题，我加了个图片。谢谢！

@小小咸鱼YwY: 后面change方法用jquery 或者vue都没问题的！谢谢

@丶深色系:

<template>
    <div>
        <div v-for="data in data_list">
            <span>{{data.name}}</span>
            <select class="select" :old_value=data.order>
                <template v-for="a in data_list">
                    <template v-if="data.name==a.name">
                        <option :value=a.order  selected="selected">{{a.order}}</option>
                    </template>
                    <template v-else>
                        <option :value=a.order >{{a.order}}</option>
                    </template>
                </template>
            </select>
        </div>
    </div>
</template>

<script>

    export default {
        name: "test",
        data() {
            return {
                data_list: [

                    {"ID": "654", "order": "1", "name": "aaa"},

                    {"ID": "321", "order": "2", "name": "bbb"},

                    {"ID": "987", "order": "3", "name": "ccc"}

                ]
            }
        },
        mounted() {
            var order = document.querySelectorAll('.select');

            for (var index = 0; index < order.length; index++) {
                    order[index].onchange=function(){
                        var chaang_valuie=this.getAttribute('old_value');

                        for (var index_2 = 0; index_2 < order.length; index_2++){
                            if(order[index_2].getAttribute('old_value')==this.value){
                                order[index_2].value=chaang_valuie
                                order[index_2].setAttribute('old_value',chaang_valuie)
                            }
                        }
                        this.setAttribute('old_value',this.value)
                }

            }
        }
    }


</script>

结账把,给你用了最难的js,其他都简单的要命

@小小咸鱼YwY: 好的，谢谢！！！感谢！ 我可以写到自己的随笔吗~

@小小咸鱼YwY: 如果可以，我还想学习一下，最简单的方式~哈哈

@丶深色系: JQ他change函数自带就有返回他变化前的值用不用像js一样需要定义一个变量进行保存,但是vue用jq要导入依赖,另外vue一般来说elm-ul一般都做好的组件,没有其他你guilb上看看应该都会有以及做好的模板你直接导入就好了