html加载数据,点击加载数据.html

Title

.marginTop{

margin-top: 20px;

}

.box{

width:600px;

height: 300px;

text-align: left;

/*display: flex;*/

/*justify-content: center;*/

background: lightskyblue;

overflow: auto;

}

.box>div{

width: 100%;

box-sizing: border-box;

padding: 10px;

background: greenyellow;

}

.onshow{

background: red !important;

color: white;

}

点击加载数据

{{item.content}}

{{item.time}}

var vm=new Vue({

el:'#app',

data:{

list:'',

isShow:true

},

methods:{

a1(){

axios.get('./a1.json').then(res=>{

console.log(res)

console.log(res.data.list)

this.list=res.data.list;

// this.isShow=false;

}).catch(err=>{

console.log(err)

})

}

}

})

一键复制

编辑

Web IDE

原始数据

按行查看

历史