1.引入axios import axios from 'axios'
2.准备好后台数据,
http://112.125.90.247:81/api/Data/GetAll
返回格式是一个对象数组 [{xxx},{xxx}...{xxx}]
3.在Vue初始化以后,来配置axios。获取地址中的数据。
<template>
//遍历数组
<li v-for = "d in dataList" :key="d.Id">{{d.Name}}</li>
</template>
<script>
import axios from 'axios'//引入axios
export default {
name:'Message',
data(){
return {
dataList:[],//初始化dataList并清空
created() {
const that = this;
axios.get('http://112.125.90.247:81/api/Data/GetAll')
.then(function (value) {
that.dataList = value.data.response;
console.log(that.dataList);
.catch(function (reason) {
console.log(reason);
</script>
你可以根据实际情况,在fetchData方法中进行前端获取值的操作,例如通过API请求获取数据,并将获取到的数据赋值给items数组。在上面的示例代码中,通过v-for指令循环遍历items数组中的每个元素,并使用:key指定每个元素的唯一标识。在上面的代码中,v-for指令用于遍历items数组,生成相应的li元素。在Vue中,你可以使用v-for指令来遍历后端返回的数据,并将其输出到页面上。在Vue中,可以使用v-for指令来循环遍历前端获取的值,并将其添加到集合中。你可以根据实际情况进行修改和扩展。
官网:https://github.com/PanJiaChen
vue-element-admin是含有丰富的组件,vue-admin-template是一个基础的单页面应用的框架,适合在vue-admin-template上二次开发,开发需要的组件就可以直接的从vue-element-admin里面拷贝上去。适合于后台管理的中小型项目,内部的架构非常的完善,简单易上手。
1.2下载项目
vue-element-admin
vue-admi
应该是第一篇真正意义上的技术博客吧。。。
本篇内容主要是介绍一下遇到如题的需求时博主给出的解决方法,其中还遇到了不少坑(压住了自己企图写DOM操作的双手)
晚上要加班,所以时间不是很多只能匆忙写完2333
目前还是实习生,还请多多指教~~~
项目后台的前端需要做一个文档编辑的页内组件,已经到了与后端的api对接的阶段,但是测试服务器还没...
问题:赋值数组在循环外console为空白
原因:axios属于异步操作,for属于同步操作,axios还没处理完,for就结束了,自然console里没有任何数据了
解决方案:
async go(type, event) {
for(var i=0;i<this.count.length;i++){
await this.$axios
.post("/get",
Vue报错:Error in v-on handler: “TypeError: Cannot read properties of undefined (reading ‘skuId‘)“
62917