vue:el-select 下拉选项组件学习

单个下拉框

样式

属性

• value:一般传递给后端的信息
• label:页面展示的内容
• selectMethod:每次下拉选中内容发生改变后触发的事件
  本次没有使用selectMethod事件

单项选择器

• vue的代码放到：页面模板（template）
• 注意事项： v-model是必须要传的参数，可以传个value，然后定义里面给value定义成空就行
• js内容：定义了数据的来源内容，放到页面脚本（script）

import { selectors } from 'sizzle';

<template>
    <div class="tab_container">
        <el-form ref="form" :mode="form"  label-width="100px">
            <el-row type="flex" :gutter="20">
                <el-col :span="8">
                    <el-form-item label="测试类型"  >
                        <el-select v-model="value" :placeholder="请选择" style="width:100%" >
                            <el-option v-for="item in platformOptions" :key="item.value" :label="item.label" :value="item.value"/>
        </el-form>
    </div>
</template>

<script>
import { table } from 'console';

    export default{
     data() {
        return{
            platformOptions: [
                {
                    value:'功能测试',
                    label:'功能测试'

                },
                {
                    value:'性能测试',
                    label:'性能测试'
                },
                {
                    vaule:'安全性测试',
                    label:'安全性测试'
                },
                {
                    value:'其它',
                    label:'其它'
                }

            ],
            value:''

        }
     },

     form:{
        platform:''
     }
    }

</script>