vue 调用常量的config.js文件

我遇到问题,就是有很多常量需要应用的项目里面.所以需要打算设置一个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>

 

转载于:https://www.cnblogs.com/0909/p/10001501.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值