vue使用json最简单的两种方法
标签:
第一种: 首先我项目是在 webpack 下搭建的vue项目 在public文件夹下创建jsonTest.json json 格局的数据如下: { “innerList”: [ {"attr1":"内部数据1","attr2":"内部数据2",...}, {"attr1":"内部数据1","attr2":"内部数据2",...}, .... ] } 在某一组件内: ......html元素 import people from '../../json/jsonTest.json'; export default{ data(){ return { dataset: people.innerList } } } 第二种: getDataList(){ this.$axios.get("/json/jsonTest.json").then((res)=>{ //得到response.data数据做具体赋值操纵 }).catch(() => { response.errer this.$message({ message: response.errer.msg }) })vue使用json最简单的两种方法
,温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/30759.html