![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小技巧
你头发乱了喔_
平凡至极却又充满幻想
展开
-
请输入公众号相关链接,并以http://或https://开头
公众号发布文章是,要是想引入外部链接会报错: 请输入公众号相关链接,并以http://或https://开头, 这个报错是因为公众号只有在认证之后才可以引入外部链接,认证需要是企业或者微信内部邀请才可以,所以只能想办法绕过解决办法: 把站外链接放到引用文章位置,就可以引导用户点击文章最下方的 阅读原文,去访问到我们的站外链接OK, 完事~...原创 2022-01-14 19:17:26 · 20271 阅读 · 0 评论 -
uniapp 页面滚动到指定dom位置
uniapp 页面滚动到指定dom位置页面滚动到指定位置,uniapp提供了获取dom对象实例的api和页面滚动的api,结合一下就可以了文档:获取对象实例api文档页面滚动api文档上代码:// methods中声明方法,需要滚动的时候调用就行pageScroll() { // 先获取目标dom的实例信息 // data即为实例信息, data.top, data.left, data.right, data.bottom即为dom的对应坐标 uni.createSelectorQue原创 2021-12-29 18:22:26 · 1904 阅读 · 0 评论 -
uniapp动态显隐导航栏图标
uniapp动态显隐导航栏图标直接上代码:if("隐藏条件触发") { // 隐藏 var pageView= this.$mp.page.$getAppWebview(); pageView.setTitleNViewButtonStyle(0,{ width: '0' }); pageView.setTitleNViewButtonStyle(1,{ width: '0' });} else { // 显示 var pageView= thi原创 2021-12-28 16:50:21 · 1069 阅读 · 0 评论 -
element 全局设置点击遮罩层不关闭 Dialog
element 全局设置点击 modal 不关闭 Dialog在main.js添加代码Element.Dialog.props.closeOnClickModal.default = false;Vue.config.productionTip = false;完事~原创 2021-10-25 10:36:23 · 604 阅读 · 0 评论 -
element el-upload组件before-upload及on-success回调传递额外参数
element el-upload组件before-upload及on-success回调传递额外参数html:<el-upload v-loading="加载状态" name="文件参数名" :action="上传请求地址" :headers="请求头额外参数" :before-upload=" (res) => { return beforeUpload(res, '额外参数'); }原创 2021-10-25 10:31:56 · 3287 阅读 · 0 评论 -
富文本数据在移动端中样式修改
获取到富文本信息:用正则表达式定位要修改的部分,替换要修改成的文本内容。var richtext= res.data.data.richtext;const regex = new RegExp('<img', 'gi');richtext= richtext.replace(regex, `<img style="max-width: 100%;"`);this.content = richtext;将替换后的内容放到html显示。转载于 原博客...转载 2020-11-12 16:31:20 · 742 阅读 · 0 评论 -
element 下拉选项层级过高问题
element ui下拉选项层级过高遮挡面包屑与head头问题解决问题:vue+element项目,下拉选择组件页面滚动时层级过高遮挡面包屑与head头解决:曲线救国,当页面滚动时,将所有下拉框关闭,就不会遮到顶部了~~在utils文件夹定义工具js:let lock = truelet el = null// const MousedownEvent = new Event('mousedown', { bubbles: true })// const MouseupEvent =原创 2020-10-29 09:50:15 · 1741 阅读 · 5 评论 -
页面滚动条固定到最底部
将页面定位到距顶部的指定位置项目中遇到的需求,具体可以用来实现 聊天室发送消息后使最后发的消息展示在页面上等, 方法亲测有效在想要定位的位置添加一个空的div盒子,给一个绝对定定位,父级盒子记得子绝父相,然后给一个id做标识<div style="position:absolute" id="onbottom"></div>然后在需要定位的时候调用document.getElementById("createdTest").scrollIntoView();完原创 2020-09-17 14:06:50 · 1290 阅读 · 1 评论 -
vue将图片网络地址转base64格式
vue中将图片网络地址转base64格式bannerToBase64(imgUrl) { // 一定要设置为let,不然图片不显示 const image = new Image(); // 解决跨域问题 image.setAttribute('crossOrigin', 'anonymous'); const imageUrl = imgUrl; image.src = imageUrl // image.onload为异步加载 image原创 2020-07-20 16:49:17 · 7509 阅读 · 6 评论 -
点击下载图片(兼容ie)
需求: 点击按钮下载图片:解决:1) 判断浏览器类型:myBrowser() { var userAgent = navigator.userAgent // 取得浏览器的userAgent字符串 var isOpera = userAgent.indexOf('OPR') > -1 if (isOpera) { return 'Opera' } // 判断是否Opera浏览器 OPR/43.0.2442.991 // if (userAgent.indexOf(原创 2020-07-20 16:33:17 · 611 阅读 · 0 评论 -
vue项目运行之后自动打开两个窗口
vue项目运行之后自动打开两个窗口,将其改为只打开一个解决: 找到 config.js 文件下的devServer,把open属性改为false,运行后就不会自动打开了再在 package.json 中在项目运行命令后加 --open:问题解决!...原创 2020-06-11 11:32:41 · 3706 阅读 · 3 评论 -
js清空数据,输入框未清空
js清空了输入框双向绑定的数据的值,但是输入框不改变出现bug:我觉得代码也没问题,甚至动用了v-if刷新都不行,: 上图:解决:加个定时器延时清空数据,:ok,问题解决...原创 2020-04-16 18:52:03 · 743 阅读 · 0 评论 -
监听用户点击软键盘完成按钮发送输入框消息
监听用户点击了软键盘上的完成按钮后做一些操作给input绑定@confirm="confirm":<input type="text" @confirm="confirm" class="chat_ipt" v-model="chat_desc" placeholder="输入讨论内容或提问" />在回调里执行就行:async confirm() { // 要执行的操作}...原创 2020-04-14 17:13:22 · 1773 阅读 · 0 评论 -
修改nui-app中rich-text富文本内容的css样式
如何修改rich-text富文本内容的css样式以图片举例:我们可以使用正则匹配的方式为富文本的标签加上类名:富文本渲染数据.replace(/\<img/gi, '<img class="richImg"');然后给他加样式就行了:rich-text .richImg { width: 100%; height: auto;}ok, 问题解决....原创 2020-04-03 16:21:38 · 4635 阅读 · 5 评论 -
如何计算对象长度以及删除对象中的某个属性
计算对象长度:利用Object.keys()利用Object.keys()将对象的属性名组成数组,再使用.lengthObject.keys(a).length删除对象中的某个属性:使用deletedelete a.b原创 2020-03-13 14:57:50 · 258 阅读 · 0 评论 -
Node Sass could not find a binding for your current environment: Windows 64-bit with Node.js 12.x
解决Node Sass环境绑定错误问题: error in ./src/views/course/curricula/component/Month.vue?vue&type=style&index=1&id=270797c3&scoped=true&lang=scss&Module build failed (from ./node_mod...原创 2020-03-10 18:03:42 · 488 阅读 · 0 评论 -
组件传值后刷新组件
组件传值后更新组件我们在写页面时,常常会用到组件传值,但是传完值以后页面并不会刷新,这时候原创 2020-02-09 10:34:23 · 926 阅读 · 0 评论 -
js将数组分为每三个为一组的二维数组
var data = [ {title: 'xixi', num: 111}, {title: 'xixi', num: 111}, {title: 'xixi', num: 111}, {title: 'xixi', num: 111}, {title: 'xixi', num: 111}, {title: 'xixi', num: 111}, {title: 'xixi', nu...原创 2020-01-02 17:10:35 · 3022 阅读 · 0 评论 -
获取地址参数的方法(超级好用)
超级好用的获取地址参数的方法在单页面中使用:在methods中声明方法:parseQuery(url) { let o = {} let queryString = url.split("?")[1] if (queryString) { queryString=queryString.split("#")[0]; ...原创 2020-01-02 17:02:29 · 596 阅读 · 2 评论 -
如何判断页面滑到了屏幕最底部
如何判断页面滑到了屏幕最底部项目中经常会遇到列表页,为了保证用户体验,我们都会用到上拉加载的技术,保持用户体验,如何判断页面滑到了屏幕最底部是较为关键的一步:具体实现:mounted 中监听:mounted () { window.addEventListener('scroll', this.scroll, false) // 监听(绑定)滚轮滚动事件 },methods中...原创 2020-01-02 16:48:55 · 2002 阅读 · 0 评论 -
如何判断当前环境是否为开发环境
如何判断当前环境是否为开发环境if (process.env.NODE_ENV == "development") { // 想在开发环境中做的操作}ok,问题解决原创 2020-01-02 16:41:19 · 3366 阅读 · 1 评论 -
移动端项目如何真机调试 (vConsole-移动端调试神器)
移动端项目如何真机调试Vconsole官网:https://www.npmjs.com/package/vconsole使用:下载:npm install vconsole在main.js中创建实例并引入:import VConsole from 'vconsole'const vConsole = new VConsole();export default vConsole...原创 2020-01-02 16:37:29 · 627 阅读 · 2 评论 -
移动端项目禁止用户缩放页面
移动端项目禁止用户缩放页面在index.html的head头中添加:<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">ok,问题解决原创 2020-01-02 16:28:49 · 609 阅读 · 0 评论 -
动态绑定及页面传值时图片不显示
动态绑定及页面传值时图片不项目中遇到的奇奇怪怪的问题,我创建了一个公共组件,在页面中使用,传递进去一张图片,路径正确,但照片就是显示不出来,上图:然后经过大佬指教,图片路径应该这样声明:url: require('../../../assets/image/state/sck.png')ok,问题解决...原创 2020-01-02 16:23:10 · 280 阅读 · 0 评论 -
uniapp中block妙用
ele:nth-child(odd) / ele:nth-child(even)样式未生效在项目中用v-for生成的数据,想为其偶数条添加样式,但是由于数据外层需要判断,添加了一层盒子导致ele:nth-child(even)未生效,上图:灵机一动,uniapp中循环推荐使用的block在页面中是不显示的,于是产生了一个大胆的想法,将view换成了block :ok,问题解决!机智如...原创 2019-12-10 20:57:47 · 9933 阅读 · 3 评论 -
图标文字垂直居中对齐方法
超级简单好用的图标文字居中对齐方法!!!开发中经常会遇到字体图标与文字垂直居中对其的需求,常常使我们感到头疼,无论是设置margin还是padding都不行,上图:现在推荐大家一种超级简单的方法:vertical-align: -1px; :我们将字体图标写进span中<div><span>򢈁</span> 收藏</div...原创 2019-12-16 21:00:02 · 2078 阅读 · 0 评论