vue
令主
不知年少轻狂,只知胜者为王
展开
-
vue踩坑记
一、vue项目启动后在IE浏览器报: Unhandled promise rejection ReferenceError: “Promise”未定义 问题原因: IE一些低版本的浏览器对于ES6语法不支持 Promise是es6语法里为了解决异步函数多重嵌套的问题(回调地狱) 说明: 或许你并不没有使用Promise,但是有可能你使用Axios等,其中原理也是Promise,进行了封装而已 解决办法: 1、 安装 babel polyfill npm install --save babe原创 2021-01-20 18:05:01 · 1367 阅读 · 0 评论 -
echarts实战
地图 <div id="map"></div> <script> import api from "@/../static/common/api/api.js"; import echarts from "echarts"; export default { methods: { // 中国地图 map() { var mapList = []; api.pharmaSumMap().then(res => {原创 2020-06-16 15:04:05 · 283 阅读 · 0 评论 -
下载Excel表格
天天向上,冲呀,❤狗崽崽❤ get方式 // 下载 downloadTable() { this.download( window.baseUrl + "/capitalStructure/downExecutiveStockData?stockCode=" + this.stockCode + "&enterpriseCode=" + this.enterpriseCode原创 2020-06-16 10:23:33 · 340 阅读 · 0 评论 -
关于路由的那些事
一、跳到新的窗口 前言 : 有时候我们会需要在一个新窗口打开页面,而我们都知道,vue是单页面的应用,通过router在内部跳转的。但是依然有办法实现这个需求 法①: let { href } = this.$router.resolve({ path: `/otherPage/${参数}`, query: { //也可传参 } }); window.open(href, "_blank"); _blan原创 2020-06-12 15:26:00 · 181 阅读 · 0 评论 -
监听路由变换
前言: VUE页面开发中,我们经常需要根据路由的变化去实现一些操作,那么如何监听路由的变化呢? 一、监听路由从哪儿来到哪儿去 watch: { $route(to, from) { console.log(from.path,"从哪来"); console.log(to.path,"到哪去"); } } 更新中。。。 ...原创 2020-06-12 13:40:40 · 334 阅读 · 0 评论 -
跳转页面不刷新
前言:vue-router的切换不同于传统的页面的切换。路由之间的切换,其实就是组件之间的切换,不是真正的页面切换。这也会导致一个问题,就是引用相同组件的时候,会导致该组件无法更新,也就是我们口中的页面无法更新的问题了。 主要问题 : vue 同一路由跳转不走生命周期,导致数据不更新 不管是动态路由还是?传参 。都不走 解决 : 在 router-view 中加 :key="$route.fullPath" 通过绑定一个fullPath,可以识别当前页面路由的完整地址,当地址发生改变(包括参数改变)则重新原创 2020-06-10 15:48:12 · 1176 阅读 · 0 评论 -
模糊搜索(类百度)
<template> <div> <input v-model="companyName" @input="inputFunc" type="text" @keyup.13="searchBtn()" placeholder="请输入企业名称" /> <div class="searchBtn" @click="searchBtn()"> <img src="@/assets/img/13.pn原创 2020-06-10 14:43:09 · 297 阅读 · 0 评论 -
滚动条(兼容ie,firefox)
滚动条产生的原因,通俗的来讲就是内容超出容器就会出现滚动条 overflow <h5>定义:overflow 属性指定当它溢出其块级容器时,是否剪辑内容,渲染滚动条或显示内容。 属性值 overflow:visible //默认值。内容不会被修剪,超出内容会显示在元素框之外 overflow:hidden //内容会被修剪。超出内容被隐藏 overflow:scroll...原创 2020-01-22 17:10:34 · 807 阅读 · 0 评论 -
vue
什么是 mvvm? MVVM 是 Model-View-ViewModel 的缩写。mvvm 是一种设计思想。Model 层代表数据模型,也可以在 Model 中定义数据修改和操作的业务逻辑;View 代表 UI 组件,它负责将数据模型转化成 UI 展现出来,ViewModel 是一个同步 View 和 Model 的对象。 在 MVVM 架构下,View 和 Model 之间并没有直接的联系,而...原创 2019-11-28 08:54:38 · 124 阅读 · 0 评论