Loading [MathJax]/jax/output/CommonHTML/config.js
社区首页 >问答首页 >.NET中的Axios数据显示Vue中未定义

.NET中的Axios数据显示Vue中未定义
EN

Stack Overflow用户
提问于 2021-12-14 11:32:33
回答 1查看 25关注 0票数 0

我已经被传递了一个端点,用于使用Vue或Vanilla JS在前端创建无限滚动。

我有以下脚本:

代码语言:javascript
代码运行次数:0
复制
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script type="module" async>
    import Vue from 'https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.esm.browser.js'//Vue
    
    Vue.prototype.$http = axios;
    var vm = new Vue({
        el: '#nft-list-hp',
        data: {
            pageData: ''
        },
        mounted() {
            
            this.$http.get('/_more?page=1').then(response => this.pageData = response.data.data);
           
        }
    })

</script>

但是Vue中的pageData显示的是未定义的,当我检查端点的响应时,我看到了我想使用无限滚动显示的HTML。

为什么pageData会显示未定义的内容?

EN

回答 1

Stack Overflow用户

发布于 2021-12-14 11:38:37

数据应该是一种功能:

代码语言:javascript
代码运行次数:0
复制
data: {
    pageData: ''
},

应该是

代码语言:javascript
代码运行次数:0
复制
    data() {
        return {
          pageData: ''
       }
    },
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/70354627

复制
相关文章
如何使用Vue.js和Axios来显示API中的数据
Vue.js是一个用于构建用户界面的前端JavaScript框架。 它的设计从头开始逐步采用,并与其他图书馆或现有项目完美集成。 这使它非常适合小型项目以及与其他工具和库一起使用的复杂单页应用程序。
子润先生
2021/06/15
8.8K0
vue中axios的封装
5. 封装post, get 请求 (此示例没有封装,可根据项目情况而定,因为封装后,对于一些特殊接口设置不是太灵活,需要我们项目没有选择封装,如果请求方法比较单一的,可以考虑封装)
用户9914333
2022/07/21
1.3K0
vue中axios的封装
Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。
大龄老码农-昊然
2021/05/13
3.4K0
vue中axios的封装
Vue中Axios的封装管理
Axios 封装 定义 Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 特性 支持Promise API 拦截请求和响应 转换请求数据和响应数据 自动转换JSON数据 客户端支持 XRSF 回归正题 在Vue 项目开发中,我们与接口打交道最多了,来通过接收后端接口返回来的数据,最后我将这些接口数据完美的呈现到网页上。 同时,与接口打交道那么就会用到网络请求,与 Vue 结合的网络请求库有哪些呢? vue-resource axios 官方推荐 fetc
程序员海军
2021/10/08
9610
Vue中Axios的封装管理
Vue中Axios的封装管理
Axios 封装 定义 Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 特性 支持Promise API 拦截请求和响应 转换请求数据和响应数据 自动转换JSON数据 ##### 客户端支持 XRSF 回归正题 在Vue 项目开发中,我们与接口打交道最多了,如何来优雅的使用Axios变得尤为重要了。 通常我们通过客户端向后端发送请求来接收接口数据,然后将这些接口数据完美的呈现到网页上。 同时,与接口打交道那么就会用到网络请求,与 Vue 结合的网络请求库
程序员海军
2021/10/11
1.3K0
Vue中Axios的封装管理
vue中拆分封装axios
1、在src目录下建network文件用于配置axios`。 2、在network里面先建一个config.js文件
江一铭
2022/06/16
2670
Vue3中使用axios
axios是一个基于Promise的HTTP请求库,它可以在浏览器和Node.js中使用。axios的功能非常请打,支持Promise API、可以拦截请求和响应、可以转换请求和响应数据、支持取消请求、可以自动转换JSON数据等。
九仞山
2023/10/14
1.8K0
Vue3中使用axios
Vue笔记:使用 axios 中 this 指向问题
在vue中使用axios做网络请求的时候,会遇到this不指向vue,而为undefined。
朝雨忆轻尘
2019/06/19
8030
Vue笔记:使用 axios 中 this 指向问题
Vue2封装axios,axios在Vue.cli中的使用
在src目录下新增一个目录utils,并新增一个js文件http.js,用以实现axios的封装
SingYi
2022/07/13
1.1K0
Vue2封装axios,axios在Vue.cli中的使用
ASP.net中太长的数据缩略显示
问题:  用显示数据的,如果标题太长了怎么规定字数,多余的用...代替解决方法:1.使用后台代
Java架构师必看
2020/10/26
1.3K0
vue中Axios的封装和API接口的管理
回归正题,我们所要的说的axios的封装和api接口的统一管理,其实主要目的就是在帮助我们简化代码和利于后期的更新维护。
Nealyang
2019/09/29
3.6K0
vue中Axios的封装和API接口的管理
Vue中Axios的封装和API接口的管理
回归正题,我们所要的说的axios的封装和api接口的统一管理,其实主要目的就是在帮助我们简化代码和利于后期的更新维护。
前端老道
2020/12/23
3.2K0
Vue中Axios的封装和API接口的管理
ASP.NET中通过GRIDVIEW"选择"的按钮将数据显示到TEXTBOX中
 <asp:GridView   ID="GridView1" runat="server" DataKeyNames="ckdh" Height="183px" Style="left: 0px; position: relative;             top: -18px; font-size: small;" Width="864px" AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False" DataSourceID="SqlDataSource1"              AutoGenerateSelectButton="True" CellPadding="4" ForeColor="#333333" GridLines="None"  OnSelectedIndexChanging="GridView1_SelectedIndexChanging" EmptyDataText="未录入">             <PagerStyle HorizontalAlign="Right" BackColor="#FFCC66" ForeColor="#333333"/>             <PagerSettings Mode="NextPreviousFirstLast" FirstPageText="第一页" PreviousPageText="上一页" NextPageText="下一页" LastPageText="最后一页" />             <Columns>                 <asp:BoundField  DataField="ckdh" HeaderText="出库单号" SortExpression="ckdh" />                 <asp:BoundField  DataField="ckkb" HeaderText="出库库别" SortExpression="ckkb" />                 <asp:BoundField  DataField="ypqx" HeaderText="药品去向" SortExpression="ypqx" />                 <asp:BoundField  DataField="ypbh" HeaderText="药品编号" SortExpression="ypbh" />                 <asp:BoundField  DataField="ypmc" HeaderText="药品名称" SortExpression="ypmc" />                 <asp:BoundField  DataField="gg" HeaderText="药品规格" SortExpression="gg" />                 <asp:BoundField  DataField="dw" HeaderText="药品单位" SortExpression="dw" />                 <asp:BoundField  DataField="sj" HeaderText="出库价格" SortExpression="sj" />                 <asp:BoundField  DataField="sl" HeaderText="出库数量" SortExpression="sl" />             </Columns>             <SelectedRowStyle ForeColor="Navy" BackColor="#FFCC66" Font-Bold="True" />             <RowStyle ForeColor="#333333" BackColor="#FFFBD6" />             <FooterStyle BackColor="#990000" Font-Bold="True" ForeColor="White" />             <HeaderStyle BackColor="#990000" Font-Bold="True" ForeColor="White" />             <AlternatingRowStyle BackColor="White" />         </asp:GridView>
风柏杨4711
2021/03/15
2.8K0
Vue3.x中axios的全局配置与封装
但是在实际项目开发中,几乎每个组件都会用到axios发起数据请求,此时会遇到如下两个问题:
岳泽以
2022/11/14
7.2K1
Vue3.x中axios的全局配置与封装
在vue中使用Axios技术实现服务器数据显示
在一个实践项目中,要创建一个网站就需要引入服务器数据,本次将一步步的实现vue中使用get请求来显示服务器的数据显示。
算法与编程之美
2022/04/08
6500
在vue中使用Axios技术实现服务器数据显示
vue3+vite+axios中proxy跨域配置
axios引入 安装: npm install axios -S src目录下创建api目录,下新建axios.js axios.js import axios from 'axios' // 创建一个 axios 实例 const service = axios.create({ baseURL: '/api', // 所有的请求地址前缀部分 timeout: 60000, // 请求超时时间毫秒 withCredentials: true, // 异步请求携带cookie header
kif
2023/02/27
4.6K0
vue中axios处理http发送请求的示例(Post和get)
axios中文文档:https://github.com/mzabriskie/axios#using-applicationx-www-form-urlencoded-format
晓歌
2018/08/15
5.4K0
vue中axios处理http发送请求的示例(Post和get)
Vue3中如何使用axios进行Ajax请求?
在现代Web应用程序开发中,经常需要使用Ajax技术进行与服务器的交互,以获取数据、发送请求或更新数据等。Vue3是一种流行的JavaScript框架,为我们提供了许多工具和库来简化和优化与服务器的通信。其中一个常用的工具是axios,它是一个基于Promise的HTTP客户端,可以在浏览器和Node.js中发送HTTP请求。本文将详细介绍Vue3中使用axios进行Ajax请求的方法和技巧。
网络技术联盟站
2023/07/05
2.2K0
Vue中显示img图片,显示不出来怎么办?vue显示图片
1、近期在学习Vue中发现了一个难点就是显示图片<img> 试了很多办法都不行,有的还保错。后来我找了很多人,以及网上找资料终于被我给找到了。
全栈程序员站长
2022/08/31
9.8K0
Vue中显示img图片,显示不出来怎么办?vue显示图片
Vue中的数据代理
在Vue中,数据代理是通过Vue实例来访问和操作数据对象中的属性的一种方式。它使得我们可以像访问普通属性一样访问和修改数据对象中的属性,而不需要直接访问数据对象本身。
堕落飞鸟
2023/05/20
5130

相似问题

无法在vue组件中显示axios响应中的数据。

10

无法使用vue axios在datatable中显示数据

340

在Vue.JS中显示Axios响应数据

111

脚本中的axios调用后未定义的Vue数据

21

未定义Vue - Axios。

43
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档