Vue如何获取数据列表展示_vue展示数据列表,vue获取列表数据

67 浏览量更新于2023-03-16 评论收藏 35KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

Vue如何获取数据列表展示如何获取数据列表展示

主要为大家详细介绍了Vue如何获取数据列表展示，文中示例代码介绍的非常详细，具有一定的参考价值，感兴

趣的小伙伴们可以参考一下

这个例子从 Github 的 API 中获取了最新的 Vue.js 提交数据，并且以列表形式将它们展示了出来。你可以轻松地切换 master

和 dev 分支。

一、展示一、展示

二、源码二、源码

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

<h2>title</h2>

<input type="radio"

:id=index

:value="branch"

v-model="currentBranch"

<label :for="index">{{ branch }}</label>

</template>

<div>当前选定：{{ currentBranch }}</div>

<ul>

<a :href="item.html_url" rel="external nofollow" >{{ item.sha.slice(0, 7) }}</a>

- <span>{{ item.commit.message }}</span><br/>

<span>创建人：<a :href="item.author.html_url" > {{ item.commit.author.name }}</a></span><br/>

<span>创建时间：{{ item.commit.author.date | formatDate }}</span>

</li>

</ul>

</div>

let apiURL = 'https://api.github.com/repos/vuejs/vue/commits?per_page=3&sha='

let vm = new Vue({

el: '#app',

data() {

return ({

branches: ['master', 'dev'],

currentBranch: 'master',

getData: null,

});

created() {

this.fetchDate();

watch: {

currentBranch: 'fetchDate'

filters: {

formatDate(v) {

return v.replace(/T|Z/g, ' ');

}

methods: {

fetchDate() {

var xhr;

if(window.XMLHttpRequest) {

xhr = new XMLHttpRequest();

}else {

xhr = new ActiveXObject("Microsoft.XMLHTTP");

}

let self = this;

xhr.onload = function() {

if(xhr.readyState == 4) {

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

weixin_38584642

粉丝: 5
资源: 947

会员权益专享

Vue如何获取数据列表展示

评论0

会员权益专享

最新资源

Vue如何获取数据列表展示

评论0

微信小程序-通过api接口获取新闻列表的demo

vue 项目demo 简单几个页面 路由跳转 连接MySQL数据库

详解Vue2+Echarts实现多种图表数据可视化Dashboard（附源码）

vue获取json数据并展示

ant design vue获取后台数据并展示在list代码

vue获取后台数据并展示在list

echarts axios vue获取数据

vue 列表页跳转详情页获取id以及详情页通过id获取数据

vue如何获取数据库数据

vue获取输入数据的后三条数据

vue 后端获取数据表格行内可编辑

前端代码vue3实现列表展示单个图片

vue+echarts大屏数据展示150套

前端vue项目引入echart通过接口获取数据

vue input展示接口数据

监听vue数据 vue

从数据库获取数据，前端页面列表只展示状态为可用的vue

vue-cookies获取数据

vue音乐数据管理系统

vue点击收起和展示数据

会员权益专享

最新资源

vue 项目demo 简单几个页面路由跳转连接MySQL数据库