Ant Design of Vue （1）使用a-select 动态加载后端数据

1.官网静态加载数据demo2.大多时候，我们需要选择框的数据，从后台接口获取。接下来，就进行怎么从后台接口中拿到数据后，绑定到option上。3.例如，这个是我后端返回来的数据4.需要在vue前端页面上显示效果5.vue页面代码6.script中定义属性7.接口解析参考：(17条消息) 在Vue+Element中，Select选项值动态从后台接口获取的实现方法_丁哒哒的博客-CSDN博客http

小丫头呀

2652人浏览 · 2021-09-10 17:12:45

小丫头呀 · 2021-09-10 17:12:45 发布

1.官网静态加载数据demo

选择器 Select - Ant Design Vue (antdv.com)https://www.antdv.com/components/select-cn/

2.大多时候，我们需要选择框的数据，从后台接口获取。比如这个是我后端接口的数据

接下来，我们需要拿到descripton数据动态加载到选择框上面。

3.前端调用后端返回来的数据

4.需要在vue前端页面上显示效果

5.vue页面代码

6.script中定义属性

7.接口解析

8.页面加载完成后，先调用一次接口，给选择框赋值

参考：(17条消息) 在Vue+Element中，Select选项值动态从后台接口获取的实现方法_丁哒哒的博客-CSDN博客https://blog.csdn.net/DZY_12/article/details/101295167

(17条消息) 【Ant Design of Vue】【ant select】select动态加载(赋值)_小帅丶的专栏-CSDN博客_ant design select动态加载https://blog.csdn.net/u010651369/article/details/95047280
(17条消息) vue+jquery实现select动态赋值（后台接口获取）_我吃西红柿11的博客-CSDN博客https://blog.csdn.net/qq_21223653/article/details/106578158

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

Vue

echarts堆叠柱状图

Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...