dujyong的博客

公众号发布文章是,要是想引入外部链接会报错: 请输入公众号相关链接，并以http://或https://开头, 这个报错是因为公众号只有在认证之后才可以引入外部链接,认证需要是企业或者微信内部邀请才可以,所以只能想办法绕过解决办法: 把站外链接放到引用文章位置,就可以引导用户点击文章最下方的 阅读原文,去访问到我们的站外链接OK, 完事~...

uniapp 页面滚动到指定dom位置页面滚动到指定位置,uniapp提供了获取dom对象实例的api和页面滚动的api,结合一下就可以了文档:获取对象实例api文档页面滚动api文档上代码:// methods中声明方法,需要滚动的时候调用就行pageScroll() { // 先获取目标dom的实例信息 // data即为实例信息, data.top, data.left, data.right, data.bottom即为dom的对应坐标 uni.createSelectorQue

uniapp动态显隐导航栏图标直接上代码:if("隐藏条件触发") { // 隐藏 var pageView= this.$mp.page.$getAppWebview(); pageView.setTitleNViewButtonStyle(0,{ width: '0' }); pageView.setTitleNViewButtonStyle(1,{ width: '0' });} else { // 显示 var pageView= thi

element 全局设置点击 modal 不关闭 Dialog在main.js添加代码Element.Dialog.props.closeOnClickModal.default = false;Vue.config.productionTip = false;完事~

element el-upload组件before-upload及on-success回调传递额外参数html：<el-upload v-loading="加载状态" name="文件参数名" :action="上传请求地址" :headers="请求头额外参数" :before-upload=" (res) => { return beforeUpload(res, '额外参数'); }

获取到富文本信息：用正则表达式定位要修改的部分，替换要修改成的文本内容。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显示。转载于 原博客...

element ui下拉选项层级过高遮挡面包屑与head头问题解决问题:vue+element项目,下拉选择组件页面滚动时层级过高遮挡面包屑与head头解决:曲线救国,当页面滚动时,将所有下拉框关闭,就不会遮到顶部了~~在utils文件夹定义工具js:let lock = truelet el = null// const MousedownEvent = new Event('mousedown', { bubbles: true })// const MouseupEvent =

将页面定位到距顶部的指定位置项目中遇到的需求,具体可以用来实现 聊天室发送消息后使最后发的消息展示在页面上等, 方法亲测有效在想要定位的位置添加一个空的div盒子,给一个绝对定定位,父级盒子记得子绝父相,然后给一个id做标识<div style="position:absolute" id="onbottom"></div>然后在需要定位的时候调用document.getElementById("createdTest").scrollIntoView();完

vue中将图片网络地址转base64格式bannerToBase64(imgUrl) { // 一定要设置为let，不然图片不显示 const image = new Image(); // 解决跨域问题 image.setAttribute('crossOrigin', 'anonymous'); const imageUrl = imgUrl; image.src = imageUrl // image.onload为异步加载 image

需求: 点击按钮下载图片:解决: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(

vue项目运行之后自动打开两个窗口,将其改为只打开一个解决: 找到 config.js 文件下的devServer,把open属性改为false,运行后就不会自动打开了再在 package.json 中在项目运行命令后加 --open:问题解决!...

js清空了输入框双向绑定的数据的值,但是输入框不改变出现bug:我觉得代码也没问题,甚至动用了v-if刷新都不行,: 上图:解决:加个定时器延时清空数据,:ok,问题解决...

监听用户点击了软键盘上的完成按钮后做一些操作给input绑定@confirm="confirm":<input type="text" @confirm="confirm" class="chat_ipt" v-model="chat_desc" placeholder="输入讨论内容或提问" />在回调里执行就行:async confirm() { // 要执行的操作}...

如何修改rich-text富文本内容的css样式以图片举例:我们可以使用正则匹配的方式为富文本的标签加上类名:富文本渲染数据.replace(/\<img/gi, '<img class="richImg"');然后给他加样式就行了:rich-text .richImg { width: 100%; height: auto;}ok, 问题解决....

计算对象长度:利用Object.keys()利用Object.keys()将对象的属性名组成数组,再使用.lengthObject.keys(a).length删除对象中的某个属性:使用deletedelete a.b

解决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...

组件传值后更新组件我们在写页面时，常常会用到组件传值，但是传完值以后页面并不会刷新，这时候

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...

超级好用的获取地址参数的方法在单页面中使用：在methods中声明方法：parseQuery(url) { let o = {} let queryString = url.split("?")[1] if (queryString) { queryString=queryString.split("#")[0]; ...

如何判断页面滑到了屏幕最底部项目中经常会遇到列表页，为了保证用户体验，我们都会用到上拉加载的技术，保持用户体验，如何判断页面滑到了屏幕最底部是较为关键的一步：具体实现：mounted 中监听：mounted () { window.addEventListener('scroll', this.scroll, false) // 监听（绑定）滚轮滚动事件 },methods中...

如何判断当前环境是否为开发环境if (process.env.NODE_ENV == "development") { // 想在开发环境中做的操作}ok,问题解决

移动端项目如何真机调试Vconsole官网：https://www.npmjs.com/package/vconsole使用：下载：npm install vconsole在main.js中创建实例并引入:import VConsole from 'vconsole'const vConsole = new VConsole();export default vConsole...

移动端项目禁止用户缩放页面在index.html的head头中添加:<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">ok,问题解决

动态绑定及页面传值时图片不项目中遇到的奇奇怪怪的问题，我创建了一个公共组件，在页面中使用，传递进去一张图片，路径正确，但照片就是显示不出来，上图：然后经过大佬指教，图片路径应该这样声明：url: require('../../../assets/image/state/sck.png')ok,问题解决...

ele:nth-child(odd) / ele:nth-child(even)样式未生效在项目中用v-for生成的数据，想为其偶数条添加样式，但是由于数据外层需要判断，添加了一层盒子导致ele：nth-child(even)未生效，上图：灵机一动，uniapp中循环推荐使用的block在页面中是不显示的，于是产生了一个大胆的想法，将view换成了block ：ok,问题解决！机智如...

超级简单好用的图标文字居中对齐方法！！！开发中经常会遇到字体图标与文字垂直居中对其的需求，常常使我们感到头疼，无论是设置margin还是padding都不行，上图：现在推荐大家一种超级简单的方法：vertical-align: -1px; :我们将字体图标写进span中<div><span>&#xa2201;</span> 收藏</div...