- 博客(15)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 点击图表某行在地图中弹出对应弹窗（使用vuex）
1.给图表加点击事件//点击事件（得到点击行的id）clickGridItem(row){ action.updateSelectPondingId(row.id);},2.store.js文件export let state = Vue.observable({ selectPondingId: null,})const mutation = { setSelectPondingId: (value) => { state.selec
2022-03-02 16:50:50
395
原创 vuex“状态管理模式“
1、使用场景如果在一个项目开发中频繁的使用组件传参的方式来同步data中的值，一旦项目变得很庞大，管理和维护这些值将是相当棘手的工作。Vue为这些被多个组件频繁使用的值提供了一个统一管理的工具——VueX。在具有VueX的Vue项目中，我们只需要把这些值定义在VueX中，即可在整个Vue项目的组件中使用。2、entry下index.js中内容import Vue from 'vue';import storeConfig from 'store/index.js';impo...
2021-12-02 15:38:19
428
原创 vue配置的devServer
如果你的前端应用和后端 API 服务器没有运行在同一个主机上，你需要在开发环境下将 API 请求代理到 API 服务器。devServer配置开发环境服务器。DEV_SERVER=http://10.10.201.87REQUEST_PRE=/req//api.jsexport default { getTableData(options) { return new Promise( resolve => { Request.ge
2021-09-28 10:45:58
658
原创 vue实现模糊搜索
在vue中，模糊搜索主要是用computed属性实现.filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素,不会改变原数组。具体代码实现如下：<div calss="nav-box"> <el-input class="nav-inp" prefix-icon="el-icon-search" v-model="keyword" placeholder="请输入关键字"></el-input>..
2021-09-27 14:30:57
4178
原创 Vue组件选项props
prop类型1.以字符串数组形式列出的 prop：props: ['title', 'likes', 'isPublished', 'commentIds', 'author']2.也可以以对象形式列出 prop，这些 property 的名称和值分别是 prop 各自的名称和类型：props: { title: String, likes: Number, isPublished: Boolean, commentIds: Array, author: Object
2021-09-26 11:17:36
97
原创 以Feature State实现数据实时展示（鼠标移入或者点击给对应行政区加图层）
addDistrictAreaLayer() { //将行政区geojson数据存到geojson这个变量中 const geojson = {...this.districtGeojson} // 给行政区的visibility属性都置为none geojson.features.forEach((item)=>{ item.id = item.properties.ID; item.name = item.properties.NA.
2021-09-23 16:13:33
600
1
原创 mapbox setLayoutProperty 实现设置指定样式图层
setLayoutProperty(layer,name,value)layer 要设置布局属性的图层的ID。name 要设置的布局属性的名称。value 布局的值。//实现id为districtAreaOD图层的显示与移除this.map.setLayoutProperty('districtAreaOD', 'visibility', 'none');this.map.setLayoutProperty('districtAreaOD', 'visibility', 'visibl
2021-09-23 15:16:52
811
原创 使用Vue.observable()进行状态管理
通过使用这个Observable api 可以应对一些简单的跨组件数据状态共享的情况。1.首先创建一个 store.js，包含一个 state和一个 action，分别用来指向数据和监控数据更新。export let state = Vue.observable({ chosenType: 'OD', // 行政区-出行量-地图展示选择 districtCheckList: ["名称展示", "标签展示", "颜色展示"], // 查询参数 queryVa.
2021-09-23 11:17:00
232
原创 实现数据的增删改查，并提交到后台
直接上代码<template> <div class="layout"> <!-- 左边列表栏 --> <div class="nav-box"> <span class="nav-title">数据列表</span> <ul> <li v-for="(item,index) in this.t
2021-09-22 15:03:15
313
原创 动态生成表格标题及内容
1.路由配置：config>index.js// 路由配置文件let routeConfig = [{ path: '/', component: () => import('@/layout'), children: [{ path: '', redirect: '/index' }, { // 表单1--根据里面的表名获取表单2的name属性作为表格标题，根据表名展示表单3中的表格内容 p
2021-09-14 15:44:24
197
原创 获取数据＞数据切换展示
1.数据接口： api.js文件export default { getFlowData() { return new Promise( resolve => { Request.get({ url: `数据接口地址` }).then( rsp => { resolve( rsp ); }); }); }}
2021-09-14 14:51:20
131
原创 vue项目报错 Could‘t find the binary git（yarn 出现报错）
解决：git安装之后需要配置系统环境变量。path变量里面增加(地址根据自己git安装的地址)E:\program\Git\binE:\program\Git\mingw64\libexec\git-core
2021-07-21 14:32:17
2667
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人