Vue前端下拉列表的实现

<el-col >
          <el-form>
            <el-form-item>
              <el-select placeholder="菜单等级" v-model="chooseLevel">
                <el-option
                  v-for="item in levelOptions"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                >
                </el-option>
              </el-select>
            </el-form-item>
          </el-form>
</el-col>


data(){

    return{
            levelOptions: [
                    {
                  value: '等级',
                  label: '等级'

                    },
                    {
                  value: '1',
                  label: '等级一'
                  }, {
                  value: '2',
                  label: '等级二'
                  }, {
                value: '3',
                label: '等级三'
                  }, {
                value: '4',
                label: '等级四'
                  }],
}