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

Question

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

Answer 1

在json文件里要这样写
[

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

]

Answer 2

当然可以，跟引入其他js文件/组件一个造型。

找个地方建个文件，export一下。

用的地方import一下

Answer 3

放在static文件下下面然后用get方式请求就好了

Answer 4

这个方法很适合数据抽离

Answer 5

楼主,我的json文件是这样写的

{
    'columnTitle':'合作伙伴管理系统',
    'proName':'基础资料录入及更新工单：测试工单',
    'proTime':'2017-12-14 10:00:00',
    'proType':'合作伙伴新增',
    'lct':'流程图'
}

vue中获取数据方法如下

getTableData:function(){
            var self = this;
            this.$http.get('static/resources/tableData.json').then(response => {
                console.log('数据加载成功')
                console.log(JSON.parse(response.data));
                // self.tableContent.push(response.body);
            }, response => {
                console.log('数据加载失败')
            })
        }

浏览器报错，Uncaught (in promise) SyntaxError: Unexpected token ' in JSON at position 7。
你是怎么写的了

Answer 6

'columnTitle'写成columnTitle'合作伙伴管理系统'写成"合作伙伴管理系统",可以哇？