vue
kaixindewanshua
这个作者很懒,什么都没留下…
展开
-
ElementUI表格中添加表头图标悬浮提示
ElementUI表格中添加表头图标悬浮提示转载 2022-07-20 11:30:46 · 2106 阅读 · 0 评论 -
时间轴播放插件
时间轴播放插件components/slider.vue使用组件store.js原创 2022-07-11 11:02:38 · 1072 阅读 · 0 评论 -
点击图表某行在地图中弹出对应弹窗(使用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 · 331 阅读 · 0 评论 -
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 · 385 阅读 · 0 评论 -
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 · 605 阅读 · 0 评论 -
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 · 3974 阅读 · 0 评论 -
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 · 69 阅读 · 0 评论 -
使用Vue.observable()进行状态管理
通过使用这个Observable api 可以应对一些简单的跨组件数据状态共享的情况。1.首先创建一个 store.js,包含一个 state和一个 action,分别用来指向数据和监控数据更新。export let state = Vue.observable({ chosenType: 'OD', // 行政区-出行量-地图展示选择 districtCheckList: ["名称展示", "标签展示", "颜色展示"], // 查询参数 queryVa.原创 2021-09-23 11:17:00 · 177 阅读 · 0 评论 -
实现数据的增删改查,并提交到后台
直接上代码<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 · 265 阅读 · 0 评论 -
动态生成表格标题及内容
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 · 162 阅读 · 0 评论 -
获取数据>数据切换展示
1.数据接口: api.js文件export default { getFlowData() { return new Promise( resolve => { Request.get({ url: `数据接口地址` }).then( rsp => { resolve( rsp ); }); }); }}原创 2021-09-14 14:51:20 · 95 阅读 · 0 评论 -
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 · 2361 阅读 · 1 评论