- 博客(12)
- 收藏
- 关注
原创 PC端页面去掉滚动条保留滑动效果
#####近期在做pc端的项目遇到页面出现滚动条,下面是如何去掉并保留滚动条的样式div::-webkit-scrollbar{ width: 0px; background: none;}元素::-webkit-scrollbar如果是body去掉滚动条就是:body::-webkit-scrollbar...
2021-10-12 15:33:54
571
原创 pc端页面实现element-ui InfiniteScroll 无限滚动
<template> <div class="infinite-list-wrapper" style="overflow:auto"> <ul class="list" v-infinite-scroll="load" infinite-scroll-disabled="disabled"> <li v-for="i in count" class="list-item">{{ i }}</l
2021-09-30 09:30:57
587
原创 vue正则校验
最近项目中需要正则校验,以下是我在项目中写的正则,有需要的小伙伴,仅供参考 const validators = { // 姓名 isName: (text) => { const reg = /^[-_·A-Za-z\u4e00-\u9fa5]+$/; return reg.test(text); }, isnewName:(text)=>{ const reg = /^[·()()A-Za-z0-9\u4e00-\u9fa5]+$/; return r
2021-09-27 13:20:14
1527
原创 在vue中 echarts 柱状图调后台接口
1.安装echarts依赖npm install echarts -S 或cnpm install echarts -S2.全局引用// main.js引入echartsimport echarts from ‘echarts’ //有时语法报错 或使用 import * as echarts from ‘echarts’Vue.prototype.$echarts = echarts3.创建组件<template> <div id="echarts
2021-09-26 09:08:52
1558
2
原创 ckeditor编辑器中如何去掉左下角有body和p元素
在config.js中的CKEDITOR.editorConfig里加上config.removePlugins = ‘elementspath’;处理前:CKEDITOR.editorConfig = function( config ) { // Define changes to default configuration here. For example: // config.language = 'fr'; // config.uiColor = '#AADC6E'; confi
2021-09-24 11:18:46
331
原创 git 恢复本地误删的文件或文件夹
如果不小心误删了某个文件或文件夹时,可以通过git操作来恢复。1.git status查看本地改动的状态,如下图所示,误删了文件夹"approving" (文件"information.vue")2.git reset HEAD 被删除的文件或文件夹3.git checkout 被删除的文件或文件夹以这个为例,先后执行这两个:git reset HEAD src/views/crm/components/approved/index.vuegit checkout src/vie
2021-09-23 10:39:52
5355
2
原创 在vue中 echarts 饼图 legend 取消点击事件
取消点击事件两种方法:legend: {selectedMode:false,}//取消图例上的点击事件myChart.off(‘legendselectchanged’)myChart.on(‘legendselectchanged’, function (params) {myChart.setOption({legend:{selected:{[params.name]: true}}})console.log(‘点击了’, params.name);});完整代码&l
2021-09-09 17:17:04
4343
原创 小程序从零开发
1.注册打开微信公众平台https://mp.weixin.qq.com/【1】如果有注册过就扫码直接登录,如果没有点击立即注册【2】选择注册的账号类型 (点击小程序)【3】跳转到小程序注册页面根据1、2、3步骤来填写信息【4】进入”设置-开发设置“,获取AppID信息2.下载微信Web开发者工具【1】进入小程序后点开发----》开发工具–》点击下载【2】根据自己的需求下载对应版本【3】安装开发工具#3.编写小程序实例【1】打开微信开发者工具点击小程序项目【2
2021-08-31 10:15:47
142
原创 在vue中后台返回的文本包含标签如何解析为html
在项目中遇到解析html,发现v-html并不满足复杂的渲染,就使用jq来处理1.v-html 处理简单的标签如:text= " <p>vue转换</p> "html中解析:<p v-html="text">{{text}}</p>2.返回标签中还有img、a标签,使用v-html就不会转换方法如下:使用jquery处理:1.在标签定义class <div class="descript"></div>2.安
2021-08-27 09:45:36
4208
原创 关于在vue-3 搭建vue项目中使用 CKEditor
vue3使用ckeditor插件基本操作步骤如下:ckeditor 地址:https://ckeditor.com/使用方法也很简单1.下载ck的包,也可以使用npm直接下载,推荐使用ck4下载地址:https://ckeditor.com/ckeditor-4/download/(我下载的是Full Package的插件,根据个人的需求下载插件)2.将下载好的包解压到文件夹3.将解压好的包放到vue-cli的pubilc中4.需要在index.html中引入ck的js代码<s
2021-08-26 09:14:37
3834
2
原创 微信公众号禁止分享功能
微信公众号禁止分享功能最近在项目中遇到一个禁止分享功能的需求,通过这种方法可以解决需求中的问题##创建notShares .js文件//获取微信配置const notShares = { getWechatConfNotShare(Noturl) { const vm = this; if(isWeiChat()){ va
2021-08-25 11:14:35
1088
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人