2019年09月_浩星

原创 iview+page封装+强制刷新

前言： iview的page封装，缺点无法固定页码按钮数量，而且current的页面恢复选中第一个实现不了，这里动态写了强制刷新的方法下面是组件cpage.vue<template> <Page v-if="showPage" :class-name='className' :total="tota...

2019-09-26 23:23:37 961 2

原创 vue路由跳转的带参与不带参,路由跳转传参方式：name 、 path

前言：在vue项目中路由的router跳转是很重要的，这里有我自用跳转的方法，最底下还有大神的方法（很详细了）；自己目前用到的方法一：用path跳转加参数，相当于get请求，页面可以看到你传参第一:设置路由{path: 'Train/studyDetails/:detailId', component: () => import('./views/team...

2019-09-25 11:27:23 4726 19

原创 aught (in promise) NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicat

前言：刚突然遇到router的这个报错，一时间没有反应过来，在这里做个记录，这个错的意思是你点击的路由地址不对，或者和当前页面是一样的，记录下这个问题解决方法：1、我这里的问题是把路由的跳转路径写错了，写成我当前页面的路径 this.$router.push({path:'/team/study/search'});2、网上找到的方法，有三种：第一...

2019-09-21 20:38:21 669

原创 iview封装时间控件

前言：对iview的时间控件下来进行二次封装，里面可以实现input的那种，也有点击自定义的下拉效果；效果图：1、input+时间控件2、定制+时间控件下面来贴下我们的组件代码cdate.vue<template> <div class="dateDiv">  ...

2019-09-21 19:26:27 1327 5

原创 vue+iview+select二次封装，搜索，多选等功能封装

前言：对iview的select下拉进行二次封装,基本上常用的参数和方法里面都有下拉组件：cselect.vue<template> <Select v-model="sel_val" :clearable="clearable" :label-in-value="labelAndVal" :element...

2019-09-20 19:44:14 2063

原创 Duplicate keys detected: '0'. This may cause an update error

前言：刚好遇上了这个错，记一下，这个是因为你页面两个v-for的定义参数是一样的把第二个的参数变一下：<tr v-for="(item,index) in this.cyBodyRY" :key="'info2-'+index"> <td>{{item.name}}</td> <td>{{item.sex}}&l...

2019-09-20 18:28:08 931

原创阻止表单自动加载浏览器记住的用户名及密码

前言：在使用element-ui的表单是发现一个特别难受的问题，就是如果有密码 type="password" 的话，那么他会自动读取浏览器的账号密码，设置autocomplete="off"无效，οnfοcus="this.type='password'"无效，在这里只说一种方法，经过测试是可以实现功能的方法：1、在el-form的最前面添加两个input， ...

2019-09-19 21:42:41 1249

原创 git命令+阿里云服务器

前言：（最底下会有git的常用命令）项目在阿里云中存放，版本控制器是git第一：注册阿里云账号，登录注册账号：https://www.aliyun.com/?spm=5176.8097504.fszjobuve.exp-location-0.2ec76fb5YLGmN3第二：登录这个页面https://code.aliyun.com/ 设置个人信息，增加...

2019-09-19 15:05:26 1160

原创 vue-cli2.0,vue-cli3.0中使用svg

前言： vue中和我们传统的页面是不同的，svg不可以直接使用，我们这里说说2.0,3.0脚手架搭建的项目中优雅的使用svg的办法；vue-clli2.0搭建的项目：第一：安装依赖npm install svg-sprite-loader --save-dev第二：配置build文件夹中的webpack.base.conf.js { ...

2019-09-19 14:35:51 3250 8

原创 vue-iview-table二次封装，render函数，slot的封装

前言：正好这个项目用到iview的table，之前有封装的element的table，这里把iview的也封装下，提高复用性和价值。首先：我们的公共组件ctable.vue<template> <Table :width='width' :height='height' :stripe='stripe' :bo...

2019-09-19 10:53:49 5316 13

原创 vue+iview+图片上传-手动上传

老规矩，先看看效果：点击前：点击后：下来是我们的组件cuploadimg.vue<template> <div class="uploadImgDiv"> <Upload class="upload" v-model="photoVal" :accept="accept" ...

2019-09-18 20:38:02 1101

原创总结vue组件之间传值的四种方法，父子，子父，子子，创建空的vue实例

一、父子之间传值：(props) <swiperT :list='swiperData'></swiperT> 父组件-：绑定数据 props:['list'], 子组件，用props接收，也可以对象写法 props:{ list:{ type : Object, required:true, } }二、子...

2019-09-11 22:02:57 764 1

原创原生document.getElementById和jquery的$.('#id)的对比

原生和juery的获取元素的方法对比： 1、$("#id")获取的对象其实是一个数组对象，jQuery内部封装的。 2、document.getElementById("id")获得的直接是DOM的操作对象他们二者之间还是原生的更加高效一点，jquery是二次封装，$("#id")[0]==document.getElementById('id')...

2019-09-11 21:41:04 973

原创 vue等单页面应用及其优缺点

先来说说什么是单页面应用和多页面应用：单页面应用（SPA），通俗一点说就是指只有一个主页面的应用，浏览器一开始要加载所有必须的 html, js, css。所有的页面内容都包含在这个所谓的主页面中。多页面（MPA），就是指一个应用中有多个页面，页面跳转时是整页刷新。单页面的优点和缺点：优点： 1、用户体验好，快，内容的改变...

2019-09-11 21:31:55 16057

原创实现字符串倒叙

var reverse = function( str ){//倒叙的函数 return str.split('').reverse().join(''); //split切割字符串然后转换为数组，reverse是jquery的倒序方法，然后join是将其放到字符串中 }; let a = reverse('1234567'); console.log(a);...

2019-09-11 21:06:06 359

原创将svg图转换为vue组件并实现放大缩小功能

前言：(注意放大缩小是基于jquery的，还需要引入jquery文件) 目前有需求遇到需要将原始的svg文件，xml类型的，放到vue中，转换为我页面可以用的组件，还要实现放大缩小功能；展示效果：步骤：一、将原始的svg的代码扒拉下来，xml最上面的一行删掉二、因为style在vue组件中只能有一个，需要把原始svg的style拿出来放到组件style里...

2019-09-04 15:06:39 2290 6

原创 vue-element-admin：一个基于vue的element-ui的vue项目模板，可运行起来+node_modules

前言：（安装包请拉到最下面）对于初次接触或者接触vue时间不是特别久的朋友们，需要一个成熟的项目demo是很有必要的，可以大大缩短我们项目的构建时间，对于水平普通，急于成型的的需求来说，这个项目也可以提供一个很好的参考，搭建的作用，所以我这里提供一个项目模板，带node_modules的，直接下载可以直接使用，注意，这个官网下载的node_modules是会报错的，问题在sas...

2019-09-03 15:15:33 37014 14

转载 ES6中Fetch的封装及使用，炒鸡简单~

1、封装（http.js）class Ajax { get(url) { return new Promise((resolve, reject) => { fetch(url) .then(res => res.json()) .then(data => resolve(data)) .catch(...

2019-09-02 16:27:57 534

转载 ajax、axios、fetch之间的详细区别以及优缺点

将ajax、axios和fetch做个简单的比较1.jQuery ajax$.ajax({ type: 'POST', url: url, data: data, dataType: dataType, success: function () {}, error: function () {}});优缺点：本身是针对MVC的编程,不符合现在...

2019-09-02 16:23:03 655

原创 vscode炫酷写代码插件Power Mode

老规矩先看下效果：第一、扩展栏搜索 Power Mode 安装，安装完了别忘了重启第二、文件 ---> 首选项 ---> 设置 ---> 点击在setting.json中编辑"powermode.enabled": true, //是否开启"powermode.enableShake": false, /...

2019-09-02 16:11:48 2604

原创 openlayer5实现地图撒点，点击弹框效果

效果展示：注意：公共代码，详细流程请看：https://blog.csdn.net/qq_41619796/article/details/100284203实现步骤：第一：用geoserver发布地图图层第二：在页面引用公共efgis.js文件 import webgisT from '../../config/efgis';//引入公共js文件第三：在页面用...

2019-09-02 15:53:11 1490

原创 vue+pg库+openlayer5+geoserver+离线地图瓦片构建gis地图+地图撒点+点击点出现地图弹框（完整流程）

实现效果：（ol5的apihttps://openlayers.org/en/latest/apidoc/module-ol_Feature-Feature.html#getProperties）一、在vue项目中使用gis地图，实现地图的搭建 1、在pg库中存入你的gis地图数据（这里数据不提供，默认是实现了这一步） 2、在geoserver中获取pg库中的数据，并在...

2019-09-02 15:32:22 3358

原创海康威视官方安装包（提供64位安装包）

因为刚好用这个，百度找都是要积分的，要不就是骗人的，进去还是跳到要积分的，心里实在讨厌这种做法，后来我找到64的包，现在分享一下：https://pan.baidu.com/s/1N-IUwX8n1ckCAR-WjUX5Hg 提取码:0cwe在这里感谢weixin_41196185的分享，这是他的地址，里面有他的demo：https://blog.csdn.net/weixin...

2019-09-01 14:49:08 5324 2

浩星