北寂.-CSDN博客

slot种类：　　匿名插槽、具名插槽、作用域插槽子组件ChildrenHasSlot.vue:<template> <div> 我是子组件ChildrenHasSlot.vue <slot>我是默认值</slot> <slot name="chacaoB">我是chacaoB默认值</slot> <slot name="chacaoC" :data1="data1" :data2=

2022-05-25 16:46:59 443

目录前言一、Vue.js UI组件二、Vue.js开发框架三、Vue.js实用库四、Vue.js服务端五、Vue.js辅助工具六、Vue.js应用实例七、Vue.js Demo示例八、详细分类01、UI组件及框架02、滚动scroll组件03、slider组件04、编辑器05、图表06、日历07、地址选择08、地图09、播放器10、文件上传11、图片处理12、提示13、进度条14、开发框架汇总15、实用库汇总

2022-05-11 13:35:34 16912 4

原创 main.js中的库

import Vue from 'vue'import App from './App.vue'import router from './router'import store from './store'import mapConfig from '@/config/mapConfig'import { VueAxios } from './utils/request'import { percentPond } from '@jiaminghi/data-view'Vue.use(pe.

2022-05-10 16:47:05 237

原创 js中 switch case 中的或，case对应多条件

let paramArrayPOPParam = 0; switch (tabType) { case 'list_selRefOppPop': paramArrayPOPParam = 1; break; case 'list_selRefTranPop': // 多个case对应同一个操作 case 'list_selRefSrvPop': case 'list_selRefFuncPop': paramArrayP..

2022-05-05 11:17:05 4738

原创 vue项目中axios封装

安装axiosnpm install axios -S引入如下两个文件1.axios.jsconst VueAxios = { vm: {}, // eslint-disable-next-line no-unused-vars install(Vue, instance) { if (this.installed) { return; } this.installed = true; if (!

2022-03-01 11:10:10 443

原创 vue同一父组件的两个子组件间的数据传输

vm.$on( event, callback )监听当前实例上的自定义事件。事件可以由vm.$emit触发。回调函数会接收所有传入事件触发函数的额外参数。vm.$emit( event, […args] )触发当前实例上的事件。附加参数都会传给监听器回调。父组件//父组件<template> <div> <children1 v-bind:children1 ="children1 "></children1>

2022-02-18 17:01:23 935

原创 leaflet动态路线

以下为两个动态路线实例：//清除上一次画的线段if (gPath) { gMap.removeLayer(gPath); }var longLatList =[[****,****],[*****,****]];//经纬度数组 var antPath = L.polyline.antPath; gPath = antPath(longLatList

2022-01-22 16:10:31 1338

原创 gulp常用操作

安装gulp依赖npm install gulp --save-dev下载gulp插件Plugins | gulp.js常用的操作：const gulp=require('gulp'); //引用gulpconst del=require('del'); //引用gulp删除插件const uglify=require('gulp-uglify');　　//引用压缩Js插件const css=require('gulp-clean-css');　　//gu.

2022-01-10 13:54:11 641

原创跨域问题（域名端口号保持一致）

第三次遇到跨域问题vscode启动项目配置8091端口启动项目，然而却用8092启动了，由于nginx占用了8091端口解决办法：用 localhost:8091/test 启动8092端口的项目访问，确保一下三者保持一致1、页面的url2、接口的url3、nginx监听的url三者的域名和端口号都要保持一致此次跨域问题原因：启动项目的url为8092端口，导致nginx无法监听（原以为nginx只监听数据请求端口，没想到对页面的端口也有要求）...

2021-12-28 19:01:42 1510

原创 vue项目添加router（最基础版本）

安装依赖npm install vue-router/src/router/index.js/src/main.js/src/App.vue

2021-12-02 15:27:25 754

原创 nginx常用命令，跨域问题

在跨域问题上，nginx特别好用，本人常用的命令有start nginx //启动nginxnginx -s reload //重加载nginx文件nginx -s stop //强制停止nginxnginx -s reopen #重启Nginxnginx -s reload #重新加载Nginx配置文件，然后以优雅的方式重启Nginxnginx -s stop #强制停止Nginx服务nginx -s quit #优雅地停止Nginx服务（即.

2021-12-01 16:12:06 93

原创 Failed to prettify component 。。screenMap.vue template source after compilation.

vue项目运行，出警告，项目可以正常启动 warning in ./src/views/screen/screenMap.vue?vue&type=template&id=6e849107&scoped=true&Module Warning (from ./node_modules/vue-loader/lib/loaders/templateLoader.js):(Emitted value instead of an instance of Error)

2021-12-01 15:59:37 4538 10

原创 vue项目跨域问题,解决方法等同于nginx

时隔一个月，又遇到了跨域问题//screenMap.vueaxios({ method: "GET", url: "api/jhzhps-back/task/sta/statistics", // data: obj, headers: { login_token: "eyJ0eXiOiJV1QLCJhbGiJ9.eyJleHAiO", }, }).th...

2021-12-01 14:52:07 1141

原创 Vuex全局变量存储调用

存储全局变量import { mapActions, mapGetters } from 'vuex'this.$store.commit("hotline/setUserInfo", this.hotLineData);//hotline：是src/store文件的modules中的js文件 , this.hotLineData是该文件中定义的函数//即第一个参数为方法，第二个参数为数据src/store/modules/hotline.js文件如下，全局数据通过调用mutation.

2021-11-22 10:01:57 1093

原创 iframe自适应窗口宽高

项目中的代码<title>数据汇总</title><script type="text/html" template> <link rel="stylesheet" href="{{ layui.setter.base }}style/all.css" media="all"> <!-- <link rel="stylesheet" href="{{ layui.setter.base }}style/dataGather.

2021-11-20 15:40:16 1704

原创正式服去掉console打印插件

原本项目链接socket成功后打印输出，放到正式服就没有打印了，原因是多了这个插件，不会给用户展示打印内容，但也对调试制造了点困难babel-plugin-transform-remove-console - npmRemove all console.* calls.https://www.npmjs.com/package/babel-plugin-transform-remove-console...

2021-11-19 10:59:52 587

原创 base64加密和rsa加密，同时使用会发生冲突

base64加密算法链接：https://blog.csdn.net/qq_45059900/article/details/120852359?spm=1001.2014.3001.5501rsa加密算法链接：https://passport.cnblogs.com/scripts/jsencrypt.min.js引入rsa算法的js文件，或将算法全部复制到项目中，设置公钥进行加密，后台通过私钥进行解密。（公钥私钥成对生成）但如果将两种算法都全量复制到项目中会有冲突，导致rsa算法加...

2021-11-11 11:36:47 1231

原创 vue项目中，socket代码模板

<template> <div> <button @click="send">发消息</button> </div></template><script>export default { data () { return { path:"ws://192.168.0.200:8005/qrCodePage/ID=1/refreshT...

2021-11-08 17:56:55 267

原创 Leaflet自定义svg图标——divIcon

添加自定义svg图标addMarker (latlon,liquidIcon=false,flowIcon=false,qualityIcon=false,JgIcon=false) { let iconType; if(liquidIcon){ iconType = 'liquid' }else if(flowIcon){ iconType = 'flow' }else if(qualityI..

2021-11-06 15:22:12 1397

原创 elementui 遮罩

今日突发奇想，在之前的项目中是通过jQyery + layUI实现遮罩效果的，效果如图但jQuery和layUI的时代已经过去了，于是思考了一下如何通过VUE + elementUI实现遮罩效果，本人没亲手实现，但目测通过elementUI中的el-dialog能够实现通过插槽以及css样式等方式能实现同样的效果。...

2021-10-28 11:17:40 2125

原创 flex布局

//任何一个容器都可以指定为 Flex 布局。.box{ display: flex;}//行内元素也可以使用 Flex 布局。.box{ display: inline-flex;}以下6个属性设置在容器上。flex-direction flex-wrap flex-flow justify-content align-items align-content1、flex-direction.box { flex-direction: c...

2021-10-27 14:59:23 54

原创 body min-width 防止页面被过度压缩

在打开控制台，或控制页面宽度等操作，很容易导致页面dom被压缩，从而导致dom元素被换行这样不符合预期的显示，可以通过//全局css样式htmlbody$app{ height: 100%; margin: 0; padding: 0; min-width: 1300px;}//min-width设置页面最小宽度，当小于最小宽度（1300px）时，超出部分不再显示...

2021-10-27 13:34:39 753

空空如也

空空如也