动态生成下拉选项框示例

最新推荐文章于 2024-08-18 12:24:07 发布

晴空万里藏片云

最新推荐文章于 2024-08-18 12:24:07 发布

阅读量223

点赞数

分类专栏： web开发过程中总结文章标签： vue javascript 数据可视化

本文链接：https://blog.csdn.net/qq_40390762/article/details/117590048

版权

web开发过程中总结专栏收录该内容

23 篇文章 1 订阅

订阅专栏

<template>
    <div>
        <el-select v-model="editUserFormData.checkUserId"
                   placeholder="请选择审核人"
                   style="width: 100%">
            <el-option v-for="item in selectData" :key="item.checkUserId" :label="item.username" :value="item.checkUserId">
            </el-option>
        </el-select>
    </div>
</template>

<script>
    export default {
        name: 'editor',
        data: function(){
            return {
                editUserFormData:
                    {

                    },
                //审核人数据部分
                checkUserId:'',
                username:'',
                //下拉数据
                selectData: [/* {checkUserId:"", username:"ces"},*/],
            }
        },
        created() {
            this.getCheckUser();
        },

        methods: {
            //获取所有审核人信息
            getCheckUser(){
                var that=this;
                this.axios.get(`/checkTeacher/getCheckUser/`).then(function(resp){
                    if(resp.data.code===2000){
                        for(let item of resp.data.result) {
                           //console.log(item.username)
                        that.selectData.push({checkUserId:item.checkUserId,username:item.username})
                        }
                    }
                });
            },
        }
    }
</script>
<style scoped>
    .editor-btn{
        margin-top: 20px;
    }
</style>