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

最新文章

  1. Python高手之路【三】python基础之函数
  2. MySQL基础之视图
  3. cssReset - css初始化
  4. 备忘录模式(Memento Pattern)
  5. SQL语句里怎么获得当前年份(MySQL数据库)
  6. java基础篇---I/O技术
  7. pycharm出现乱码
  8. CHECKPOINT
  9. Java [Leetcode 231]Power of Two
  10. android widget的中文文档
  11. _js day10
  12. (四)SAX方式解析XML数据
  13. 高并发非自增ID如何设计?
  14. 浅谈并发和tomcat线程数
  15. 基于JS的问卷调查
  16. python web开发之django
  17. 学习在.NET Core中使用RabbitMQ进行消息传递之持久化(二)
  18. [Swift]LeetCode808. 分汤 | Soup Servings
  19. BIM轻量化助力建筑业迈向BIM+时代
  20. ElasticSearch实践系列(二):探索集群

热门文章

  1. Go程序设计3——并发编程
  2. JUnit 两日游
  3. JavaEE互联网轻量级框架整合开发(书籍)阅读笔记(3):常用动态代理之JDK动态代理、CGLIB动态代理
  4. .net List&lt;T&gt;
  5. PLSQL_Developer 连接win7_64位oracle11g
  6. Stopwatch运行时间 Parallel并行任务
  7. 第十一篇 logging模块
  8. leecode刷题(1)-- 删除排序数组中的重复项
  9. Python之路番外:PYTHON基本数据类型和小知识点
  10. Error creating bean with name &#39;dateSource&#39; defined in file 错误信息