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
}
}
vue json字符串转数组}
第⼆种:
getDataList(){
this.$("/json/jsonTest.json").then((res)=>{
//得到response.data数据做具体赋值操作
}).catch(() => {
<
this.$message({
message: msg
})
})
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论