我遇到问题,就是有很多常量需要应用的项目里面.所以需要打算设置一个config.js文件
1.填写config.js 文件
//常量配置
//快递公司名单 对应的页面为: src/pages/other/kuaidi/index.vue
export const kdcompanyOptions=[
{value: "shunfeng", label: "顺丰"},
{value: "shentong", label: "申通"},
{value: "zhongtong", label: "中通"},
{value: "yuantong", label: "圆通"},
{value: "debang", label: "德邦"}
]
2.在vue 页面中引用 config.js文件
<template>
<d2-container>
<template slot="header">
<el-select v-model="const_kd">
<el-option v-for="item in kdcompanyOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
</template>
content
<template slot="footer">foot</template>
</d2-container>
</template> <script>
import { kdcompanyOptions} from "../../config/config"; //引入常量
export default {
name: "page_kuaidi",
data() {
return {
const_kd: "",
kdcompanyOptions:[]
};
},
created: function() {
this.kdcompanyOptions=kdcompanyOptions
}
};
</script>