html下拉框获取接口数据,在Vue+Element中,Select选项值动态从后台接口获取的实现方法的讲解...

HTML部分

数据部分

data() { return { form:{ code:'', name:'' }, value:'', options: [] } }

接口部分

async allmedia() { let res = await fetch('/v3/media/allList'); res.result.forEach(element => { this.options.push({name:element.name,code:element.code}); }) }

get请求封装

// 封装api get请求 export const fetch = (path, params) => { return axios.get(path, {params: params}).then(res => { if(res.data.code===403){ router.push({ path:'/' }); Message({ message:res.data.msg, type:'warning' }) }else{ return res.data; } }).catch(err => { console.log(err); return Promise.reject(err); }) }

实现效果

20200619_5eecb9b66cd68.png

aa5e33e3faa247e4b556b969f42446d4.png

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值