vue 调用常量的config.js文件
2024-08-27 15:37:26
我遇到问题,就是有很多常量需要应用的项目里面.所以需要打算设置一个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>
最新文章
- Python高手之路【三】python基础之函数
- MySQL基础之视图
- cssReset - css初始化
- 备忘录模式(Memento Pattern)
- SQL语句里怎么获得当前年份(MySQL数据库)
- java基础篇---I/O技术
- pycharm出现乱码
- CHECKPOINT
- Java [Leetcode 231]Power of Two
- android widget的中文文档
- _js day10
- (四)SAX方式解析XML数据
- 高并发非自增ID如何设计?
- 浅谈并发和tomcat线程数
- 基于JS的问卷调查
- python web开发之django
- 学习在.NET Core中使用RabbitMQ进行消息传递之持久化(二)
- [Swift]LeetCode808. 分汤 | Soup Servings
- BIM轻量化助力建筑业迈向BIM+时代
- ElasticSearch实践系列(二):探索集群
热门文章
- Go程序设计3——并发编程
- JUnit 两日游
- JavaEE互联网轻量级框架整合开发(书籍)阅读笔记(3):常用动态代理之JDK动态代理、CGLIB动态代理
- .net List<;T>;
- PLSQL_Developer 连接win7_64位oracle11g
- Stopwatch运行时间 Parallel并行任务
- 第十一篇 logging模块
- leecode刷题(1)-- 删除排序数组中的重复项
- Python之路番外:PYTHON基本数据类型和小知识点
- Error creating bean with name &#39;dateSource&#39; defined in file 错误信息