国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

vue實現引入本地json的方法分析

2019-11-19 13:30:17
字體:
來源:轉載
供稿:網友

本文實例講述了vue實現引入本地json的方法。分享給大家供大家參考,具體如下:

當前需要使用的組件:

import data from './test.json'  export default{    data(){      return{        userinform: ''      }    },mounted(){  this.userinform = data  }}

test.json就是普通json格式就可以了!然后完美解決!

后臺服務器請求json方式:

this.$http.get('url').then(response => {    //succces callback    var data = response.body;  }, response => {    // error callback    alert('連接失敗!')  });

附:VUE解析json展示列表頁示例

<div class="padding">   <div id="app">    <ol>     <li v-for="site in sites">      {{ site.name }}     </li>    </ol>    </div> </div><script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script><script>function getJson(url,func){ $.ajax({ type:'get', url:url, dataType: 'json', success: function(data){ if (data.code==0){ var a = data.data.list;func(a); }else{ alert("接口調用失敗"); } }, error: function(data){ alert(JSON.stringify(data)); } }); }  $(function(){ var url = "http://www.test.com/index.php?s=/shop/list/"; getJson(url,pushDom); }); function pushDom(data){ var vm = new Vue({ el: '#app', data: {  sites: data }})} </script>

希望本文所述對大家vue.js程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 巴彦淖尔市| 田阳县| 湾仔区| 遂川县| 佛山市| 呼伦贝尔市| 上蔡县| 漠河县| 洱源县| 宁城县| 建昌县| 信丰县| 新乡市| 彝良县| 马公市| 乌审旗| 通化县| 鄂伦春自治旗| 阿拉善右旗| 博野县| 孟津县| 响水县| 三都| 龙岩市| 新河县| 晋江市| 青海省| 河南省| 大关县| 饶阳县| 庆安县| 襄城县| 昭通市| 济宁市| 淳化县| 合江县| 禹州市| 甘孜县| 焉耆| 璧山县| 开鲁县|