vue
莫元涵
程序开发就像是搭积木,有时候需要换来换去才能让代码完美无缺。而有时候代码出现了奇怪的bug,就像是一个调皮的小精灵在捣蛋一样。
展开
-
【笔记】网站添加水印方法(watermark-dom)
使用watermark-dom给网站增加水印原创 2022-06-15 14:58:11 · 1149 阅读 · 0 评论 -
【记录】vue+element使用resetFields重置,保存表单会出现一闪而过上次赋的值
resetFields作用实际上是将表单元素置为初始值使用resetFields清空表单,有时候会出现再次打开表单,还是会出现上一次的值的情况解决方案1.在打开弹窗时,在$nextTick中赋值,因为此时Dialog已经初始化(已经mounted) confirmEdit(row) { console.log(row, '编辑') this.dialogVisible = true this.$nextTick(() => { this原创 2022-04-01 17:57:15 · 1190 阅读 · 0 评论 -
vue 移动端弹窗后禁止页面滚动
vue 移动端弹窗后禁止页面滚动<div @touchmove.prevent></div>可以在遮罩层中添加 @touchmove.prevent 就可以实现禁止页面滚动注意 弹窗里面有滚动条的也是无法滚动的原创 2021-11-11 14:08:00 · 1842 阅读 · 0 评论 -
【VUE】v-once用法之静态数据,指渲染一次
v-oncev-once这个指令不需要任何表达式,它的作用就是定义它的元素或组件只会渲染一次,包括元素或者组件的所有字节点。首次渲染后,不再随着数据的改变而重新渲染。也就是说使用v-once,那么该块都将被视为静态内容。应用场景: 如果显示的信息后续不需要再修改,使用v-once,这样可以提高性能。下面我们看个例子,我们先不使用v-once指令:<!--v-once示例--><template> <div> <div>{{count}}&转载 2021-04-29 11:10:27 · 536 阅读 · 0 评论 -
【VUE】无限滚动之vue-infinite-scroll插件
安装vue-infinite-scroll官网是:https://github.com/ElemeFE/vue-infinite-scrollnpm install vue-infinite-scroll --save小编使用的是全局引入import infiniteScroll from 'vue-infinite-scroll'Vue.use(infiniteScroll)页面中使用<div v-infinite-scroll="loadMore" infinite-scroll原创 2020-05-15 10:44:45 · 824 阅读 · 0 评论 -
【VUE】element-ui picker 选择时间范围限制条件
选择时间组件:<el-date-picker v-model.trim="ruleForm.messTime" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="pickerOptions" >原创 2020-09-16 10:46:47 · 1914 阅读 · 4 评论 -
【VUE】this.$router.push、replace、go的区别
一、this.$router.push说明:跳转到指定URL,向history栈添加一个新的记录,点击后退会返回至上一个页面使用:this.$router.push('/index')this.$router.push({path:'/index'})this.$router.push({path:'/index',query:{name: '123'}})this.$router.push({name:'index',params:{name:'123'}})二、this.$router.原创 2020-09-02 15:28:35 · 340 阅读 · 0 评论 -
【VUE】html2canvas 在IOS系统13.4以上失效的问题解决方法
一、问题描述最近在开发 html2canvas 的时候,突然发现,html2canvas在IOS13.4.1系统中调用失败。后马上去github上查看是否有同道中人遇到类似问题。参考链接:https://github.com/niklasvh/html2canvas/issues/2229二、解决方案1.首先将 package.json 中的 html2canvas 版本降低为【1.0.0-rc.4】版本降低方法首先移除 html2canvas 【npm uninstall html2canva转载 2020-08-19 10:29:16 · 1920 阅读 · 0 评论 -
【NPM】清空 NPM 缓存
npm cache clean -f原创 2020-05-21 09:34:01 · 1613 阅读 · 0 评论 -
npm ERR! code 128
解决办法:执行git config --globalurl."https://".insteadOfgit://npm cache clean --force原创 2020-05-14 15:55:48 · 5467 阅读 · 1 评论 -
【VUE】如何避免 v-if 与 v-for 一起使用
第一种:将 v-if 和 v-for 分别放在不同标签中 <ul v-if="active"> <li v-for="(item, index) in list" :key="inde"> <p>{{item.name}}</p> </li> </ul>第二种:如果 v-if 和 v-for 只能放...原创 2020-03-26 19:11:28 · 1081 阅读 · 0 评论 -
【VUE】使用bus总线时,第一次路由跳转时数据没成功传递的原因以及解决办法
bus总线是vue中路由跳转传递数据的常用方法,适用于传递数据不多的情况,但是在使用的过程中发现,bus总线在第一次路由跳转的时候总是不能够成功传递需要传递的数据。检查bus的配置以及调用方法,均没有出错,错就错在没有理解Vue的生命周期!!!我们知道bus的on的监听应该位于on的监听应该位于on的监听应该位于emit之前,如果在emit之前没有创建监听事件,那么肯定是得不到需要的数据。因此,...转载 2020-01-16 10:40:28 · 932 阅读 · 0 评论 -
【VUE】vue.config.js初体验
const webpack = require('webpack')const TerserPlugin = require('terser-webpack-plugin'); // 引入插件module.exports = { // 具体配置说明,请查看官方文档: // https://cli.vuejs.org/zh/config/ /** 区分打包环境与开发环境...原创 2020-01-15 20:56:08 · 130 阅读 · 0 评论 -
【VUE】vue-cli3.0 初体验
vue-cli3.0 初体验本地安装vue/cli创建项目安装补充启动项目打包上线单元测试本地安装vue/cli可以使用这个命令来检查当前vue版本vue -V使用 npm 全局安装 vue-clinpm install -g @vue/cli创建项目命令行vue create my-vue-cli3.0// my-vue-cli3.0 是项目名字 随意选择模板此处...原创 2019-11-30 14:46:33 · 1067 阅读 · 0 评论