vue.js - 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文件，把数据读取出来，不知道能不能行？？？怎样修改代码？？？老铁们，帮忙看看~_~

解决方案

在json文件里要这样写
[

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

]

这篇关于vue.js - vue data里的数据如何通过本地json文件读取出来的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！