请选择 进入手机版 | 继续访问电脑版
 找回密码
 免费注册
搜索

el-select 下拉使用

0
回复
2697
查看
[复制链接]

44

主题

45

帖子

328

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
328
2019-5-24 14:24:45 显示全部楼层 |阅读模式
<template>
  <div>
     <el-select v-model="valueSq" multiple filterable collapse-tags placeholder="请选择" style="width: 380px;">
                  <el-option
                    v-for="(item,index) in options"
                                                                                 :key="index"
                    :label="item.label"
                    :value="item.value">
                  </el-option>
                </el-select></div>
</template>

<script>
export default {
data() {
      return {
        options: [],
        valueSq: []
               }
         },
methods: {
      dfqueryLieb() {  // 下拉框资源库获取
        var list = [{}];
        let url = 'api/resource'
        axios.get(url, {
          headers: {
            Authorization: this.GlobalToken.Authorization,
            contentType: 'application/json'
          }
        })
          .then((res) => {
            // console.log(res)
            var libSque = []
            for (var i = 0; i < res.data.length; i++) {
              if (res.data[i].active == true) {
                libSque.push({label: res.data[i].text, value: res.data[i].text})
              }
            }
            this.options = libSque
          }).catch((error) => {
          //console.log(error)
          let errorcon = error.message
          let newerrorcon = errorcon.substring(errorcon.length - 3)
          if (newerrorcon === '401') {
            let message = {
              title: '提示',
              body: '抱歉,登录超时,请重新登录。'
            }
            this.$dialog.alert(message, {
              okText: '确定'
            }).then(() => {
              this.$router.push('/login')
            })
              .catch(function () {
                // 取消
              })
          } else {
            this.$message({
              message: '请求错误,请输入库名称',
              type: 'error',
              duration: 900
            })
          }
        })
      }
}
}
</script>

来源:红手套
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 免费注册