vue+ant design 后端获取接口进行下拉框数据获取

本博客将伴随着从vue还未入门到入门的低阶教程，希望以后某一天，回看自己的学习之路，每一个脚印都是实实在在的。下拉框动态从后端获取数据<a-select placeholder="请选择标注类型" style="width:150px" v-model="Dimension"><a-select-option v-for="item in Dimen...

Sara0064

8196人浏览 · 2019-11-27 10:49:56

Sara0064 · 2019-11-27 10:49:56 发布

本博客将伴随着从vue还未入门到入门的低阶教程，希望以后某一天，回看自己的学习之路，每一个脚印都是实实在在的。

在这里插入图片描述
下拉框动态从后端获取数据

{{item.labelTypeName}} `` ```

DimensionTypes是我们自己定义，从后端去获取数据，回显的每一个选择项的内容{{item.labelTypeName}} :value是绑定每一个选择项的value值，是不可以忽略的，否则页面会报错，底下就是没有加:value=“”的值所报的错误。
在这里插入图片描述
在data中去定义数据
从后端获取接口
后端的数据格式：

前端用的是axios的方式去请求后端的接口
在这里插入图片描述
然后在你所需要这个数据的界面去引入

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}$/, //不连续的两位字母// /^