添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

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