- 博客(81)
- 收藏
- 关注
RSS订阅原创 vue使用vant中的popup层,在popup层中加搜索功能后,input框获取焦点 ios机型的软键盘不会将popup顶起来的问题
2.可是在ios机型中,input框在获取焦点以后,ios的软键盘弹起会遮盖住我们的popup层,导致体验不是很好。1.使用vant的popup弹出层做了一个piker的选择器,用户需要在此基础上增加筛选功能。4.在获取焦点时 将整个窗口的滚动高度赋值为 popup层的高度。3.在大佬的解答及帮助下,采用窗口滚动的方式解决此方法。
2023-08-25 11:30:06
2574
原创 vue wangEditor出现光标乱跳的问题
原理是: 在用户输入时 会首先触发change事件 传回父组件 父组件再传回来 触发watch监听事件 只需要在change的时候修改一个标志位的 true 然后利用这个标志位去判定是否修改 editor的html 因为editor的html一旦触发 光标会默认跳到最后。在封装的editor组件中。
2023-07-12 11:01:38
1316
原创 前端react 后端.net 使用@aspnet/signalr 完成即时通讯
前端react,后端.net 通过@aspnet/signalr 实现即时通讯
2022-09-20 16:40:33
1161
转载 vue拖动元素边框改变元素宽度
如图所示，通过拖动来改变表单的宽度。但实际上，这边并不是表单的边框，而是一个单独的组件。通过监听鼠标的down，move以及up事件。我们可以单独的写个组件handle.vue。<template> <div class="x-handle" @mousedown="mouseDown"></div></template><script>export default { name: "XHandle", data() {.
2022-05-16 17:08:41
1041
转载 django在使用腾讯云时报错__init__() got an unexpected keyword argument ‘encoding
1.原因在于Python3.9版本的json_init_.py中loads()方法中没有了encoding字段, 所以这个地方返回encoding时 就会报错 修改以下返回值 删除掉encoding即可
2022-04-28 16:22:50
2362
2
原创 使用antd-design中的submenu标签使用自己的icon
1.在使用antd-design中的submenu标签，需要自定义自己的icon，但案例中使用的icon，都是antd自带的，可能不能满足我们的需要2.开发需要自定义自己的icon，我们可以这样做
2022-04-06 11:35:44
1490
1
转载 vue数字翻牌效果
<template> <div class="demo"> <ul class="fp-box"> <!-- 需要显示6列 --> <li ref="li" v-for="i in 6" :key="i"> <!-- 每列中的10行数字 --> <span v-for="num in 10" :key="num">{{ num - 1 }}</spa.
2022-03-30 17:43:38
1190
原创 python对多应用对应不同数据库连接的使用方法
一、修改数据库配置小编的数据库一共有3个 对应的应用:applet 数据库也就是applet 'default': { 'ENGINE': 'django.db.backends.mysql', 'NAME': 'applet', 'USER': 'root', 'PASSWORD': '123456', 'HOST': '127.0.0.1', 'PORT': '3306' }, 'a
2022-02-20 17:16:40
923
转载 关于uniApp使用iconfont 阿里图标库
1.挑选自己需要的图标，并且加入到项目中2.将图标下载下来3.下载完了之后打开文件，除了iconfont.css其余文件一概删除4.回到自己的iconfont项目，选择unicode点击生成代码如果之前生成过可以忽视这一步跳到第五步5.生成完毕之后点击复制代码6.回到iconfont.css并且打开css文件，注意红框内容，全部删除，替换成第五步刚刚复制过来的7.替换完毕之后，需要在//at前面加上https:8.调用iconfont...
2021-12-22 14:33:58
258
原创 关于mysql在windows10上面的安装教程
一、安装mysql二、安装可视化工具我们需要先去官网下载Navicat的安装包，根据自己需要的版本下载下载地址下载完成后我们就获取到了一个可执行程序.exe文件，双击进行安装操作,一直下一步就好了。在选择安装位置的时候可以自定义安装位置也可以默认安装在c盘...
2021-12-13 17:16:43
1427
原创 uniApp打包安卓应用详细步骤
一、打包安卓应用1.使用uniApp新建的一个混合运用2.点击发行-原生App打包-打包Android(apk包)3.这里我们可以使用公共的一个测试证书或者使用自有的一个证书,楼主在这里就讲一下自有证书的申请及使用，因为公共的点击一下就可以打包了4.Android平台打包发布apk应用，需要使用数字证书（.keystore文件）进行签名，用于表明开发者身份。需确保电脑上安装了JRE(JRE环境)，我们将使用JRE自带的创建和管理数字证书的工具Keytool，并使用keytool命令生成签名证书。
2021-06-07 16:04:04
8796
4
原创 vue中使用点击事件让浏览器全屏
1.注册点击事件 @click=“goQ”2.data中定义是否全屏的一个布尔值data(){ return{ fullscreen:false } },3.点击事件goQ(){ this.fullscreen = !this.fullscreen let element = document.documentElement ; if(this.fullscreen){ if(documen
2021-06-01 22:48:34
363
1
翻译 关于windows系统激活问题
1.首先右键windows图标，会出现一个搜索，点击搜索后出现一个命令提示符2.右键以管理员身份运行3.输入命令 slmgr.vbs /ipk XXXXX-XXXXX-XXXXX-XXXXX-XXXXXps:这里其实就是在装密钥了 对于密钥放在下面 我的是专业版 选择的是Professional 还有win8等等的可以在网上搜索到# Windows 10 LTSB 2016# DCPHK-NFMTC-H88MJ-PFHPY-QJ4BJ# Windows 10 2019 LTSC# M7XT
2021-05-31 09:35:38
1809
转载 关于react使用antd定制主题报错
1.报错this.getOptions is not a function解决办法:可能是由于less-loader的版本过高可以将当前版本卸载,再安装7.x的版本npm uninstall less-loadernpm install less-loader@7.1.02.报错options has an unknown property ‘modifyVars’. These properties are valid解决办法:modifyVars 语法问题修改根目录下的config
2021-04-28 13:34:22
756
原创 关于react引入样式后，刷新后样式丢失
问题源头:在根路径下的index.html 引入了某个css解决办法:1.将引入的相对路径改为绝对路径2.使用默认引入的方式 %PUBLIC_URL%/ 资源路径3.将react的路由模式BrowserRouter修改为HashRouter
2021-04-27 16:04:46
499
转载 react父组件调用子组件方法
1.父组件import react,{Component} from 'react'import ChildPage from './child'export default class Parent extends Component{ fn(){ if(this.ChildPage){ this.ChildPage.dream('哈哈') //调用子组件的dream方法 } } render(){ return( <div c
2021-04-25 16:13:45
347
转载 关于git 拉取代码 获取所有远端分支 并同步操作
1.克隆代码git clone 'gi地址'2.查看克隆下来的本地分支git branch * master我们看到本地分支就只有一个master，但线上其实是有其他分支的3.查看远程仓库的git分支git branch -a3.接下来我们需要同步所有的线上分支1. git branch -r | grep -v '\->' | while read remote; do git branch --track "${remote#origin/}" "$remote"; do
2021-02-02 15:16:41
1362
原创 react父组件通过点击调取子组件的方法实现传值
父组件这里的onRef就是我需要用到的<Search onRef={this.onRef} selectRemove={this.selectRemove} selectChange={this.selectChange} searchList={this.state.searchList} />//Ref指向子组件onRef = (ref) => { //因为我这里的组件是Search 这个就是组件的名字 this.Search = ref}
2021-01-28 17:14:36
368
原创 关于微信小程序使用npm构建的ui库示例
1.在小程序的根目录下打开控制台 可以用git bash 也可以命令行会产生一个package.json文件npm init -y 2.同样在git bash中输入这一步是下载van-uinpm i @vant/weapp -S --production3.修改app.json将 app.json 中的 “style”: “v2” 去除，小程序的新版基础组件强行加上了许多样式，难以覆盖，不关闭将造成部分组件样式混乱4.修改 project.config.json开发者工具创建的项目，
2021-01-08 15:56:26
208
1
原创 关于vuecli3配合axios和vant，做开发环境和生产环境切换
1.脚手架创建项目vue create test-app2.安装axios 和 vantnpm instaill axios vant --save3.进入项目根目录新建两个文件.env.development (开发环境).env.production (测试环境).env.development { /* 文件中的内容主要是对开发环境和生产环境的请求接口路径做修改 */ NODE_ENV = 'development' VUE_APP_API_U
2020-11-23 17:24:17
891
转载 使用node.js+expressmock数据 vue项目调用 ，vue项目和mock项目分离
1.搭建vue项目,使用vue/@cli搭建的项目 vue create process（项目名）2.简单配置vue.config 由于是cli3版本 没有vue.config文件需要自己创建const path = require('path');const resolve = (dir) => path.join(__dirname, dir);const IS_PRODUCTION = ['production', 'prod'].includes(process.env.NO
2020-11-20 11:28:26
353
转载 关于vue项目中使用mockjs mock数据
1.下载mock.jsnpm install -D mockjs2.新建mock.js文件夹 可以在src目录下// mock.js // 引入mockjsconst Mock = require('mockjs')// 获取 mock.Random 对象const Random = Mock.Random// mock新闻数据，包括新闻标题title、内容content、创建时间createdTimeconst produceNewsData = function () { let
2020-11-20 11:10:59
310
转载 关于vue前端axios调用后端接口下载excel文件
1.api文件夹中定义的下载接口tpis:这里的responseType需要设置成blob//点击导出，导出数据表格export function exportTable(data,params){ return axios({ url:'/api/conversation/excel/export', method:"post", data:data, params:params, responseType:'blob', headers:{ 'Content-Typ
2020-11-18 10:06:56
1779
原创 elementui按需引入后使用this.$message报错
前言：记一个在使用element-ui过程中遇到的一个问题，项目是vue/cli组合elementui框架搭建的，项目采用了按需引入组件的形式，在项目中有个地方需要使用到message提示框，所以使用了这种方法然后报错，上代码main.js文件夹中import {Message} from 'element-ui';Vue.use( Message);报错截图且会报错undefined /下图就是按需引入message然后使用报错的错误修改使用方法main.js文件夹中import {
2020-11-13 09:40:18
3355
原创 关于在vue项目中使用animate动画库
因为楼主使用的npm下载方式，此处也介绍的是npm的使用方式1.npm下载npm install animate.css --save2.进入vue的main.js文件中引入并注册import animated from 'animate.css' Vue.use(animated)3.项目文件中使用<div class="animate__animated animate__rubberBand ">我是测试</div>...
2020-11-06 14:09:46
322
原创 在vue项目中使用打印功能，详细使用步骤
前言：在项目需求中有遇到将当前的表格信息打印出来的功能，将网上的方法整理成一个详细的操作步骤，希望多点点赞噢~1.引入插件这里采用的插件是 vue-print-nb安装 npm install vue-print-nb --save在vue文件中的main.js文件中注册 import Print from 'vue-print-nb'Vue.use(Print);2.在vue文件中使用<template> <div id="printMe" ref="print"
2020-10-12 17:04:08
979
原创 将数组中的值转换为字符串并用逗号分割
直接上代码var MerchantsArray =[1,3,4,5,6,7]var str = ""; MerchantsArray.forEach((item) => { return (str += item + ","); }); if (str.length > 0) { str = str.substring(0, str.lastIndexOf(",")); }
2020-09-25 17:45:29
2014
转载 关于antd-desgin-vue使用弹框作为外部组件引入在取消/关闭弹框的时候报错
前言：项目需要，将antd-desgin-vue的弹框作为一个单独的业务组件封装了一下 a-modal， 在引入以后选择操作完成以后点击取消或者/关闭弹框会报错，看图解决办法:上面v-model绑定 this.visble2 问题解决...
2020-09-24 12:00:44
1483
原创 关于后端需要用[“application/json“]接收值前端如何处理
封装：var posting = function ( url, data, contentType = "application/x-www-form-urlencoded") { console.log(data); return new Promise((resolve, reject) => { axios .post(url, data, { headers: { "Content-Type": contentType } }) .th
2020-09-21 15:50:35
924
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人