vue data里的数据如何通过本地json文件读取出来

<group title="chained columns">
    <popup-picker :title="title4" :data="list3" :columns="3" v-model="value4" show-name></popup-picker>
</group>

data(){
        return{
            title4: '薪资要求(k/千元)',
            list3: [
                {name: '面试', value: '110000'},
                {name: '1k', value: '120000'},
                {name: '2k', value: '130000'},
                {name: '', value: '110100', parent:'110000'},
                {name: '-', value: '120100', parent:'120000'},
                {name: '-', value: '130100', parent:'130000'},
                {name: '', value: '110101', parent:'110100'},
                {name: '2k', value: '120101', parent:'120100'},
                {name: '3k', value: '120102', parent:'120100'},
                {name: '4k', value: '120103', parent:'120100'},
                {name: '3k', value: '130101', parent:'130100'},
                {name: '4k', value: '130102', parent:'130100'},
                {name: '5k', value: '130103', parent:'130100'}
            ]
        }
    }、

我想把list3里面的数据放在本地的一个json文件里,然后调用这个json文件,把数据读取出来,不知道能不能行???怎样修改代码???老铁们,帮忙看看~_~

阅读 31.5k
评论
    6 个回答
    • 307

    在json文件里要这样写
    [

    {"name": "面试", "value": "110000"},
    {"name": "1k", "value": "120000"},

    ]

      相似问题
      推荐文章