在template中添加
<a-form-item label="提示词:">
<a-select v-model:value="form.tokenSymbol" style="width: 205px" @click="getTokenSymbolList">
<a-select-option v-for="(item,index) in tokenSymbolResult" :key="index" :value="item">{{item}}</a-select-option>
</a-select>
</a-form-item>
其中form是表单中的元素,在修改的时候进行数据绑定
v-for中的item和index是因为vue这些框架给封装了,所以不用定义item和index可以直接用
tokenSymbolResult是后续定义接收请求的集合,key和value进行绑定
在data的return进行定义,然后在方法中进行赋值
在methods中定义请求的方法:
async getTokenSymbolList(){
const result = await ChainTokenApi.tokenSymbolList();
console.log(result);
this.tokenSymbolResult = result.data;
}
其中ChainTokenApi中的方法为:
static tokenSymbolList() {
return Request.get('/chainToken/tokenSymbolList');
}
这样便可以进行访问