
Vue2.js
vue2文章专栏
chendawen2014
这个作者很懒,什么都没留下…
展开
-
VUE监听(动态/实时)获取元素的宽度变化
1920*1080的云图效果能自适应显示,所以得实时获取屏幕的宽度,然后用屏幕的宽度和1920的宽度进行对比,计算出占比,然后用CSS3的transform scale来实现自适应。在utils文件下创建directive,然后directive文件夹下创建一个resizeObserver.js文件。是可以监听到DOM元素,宽高的变化,需要注意的一点就是监听出变化结果是contentBox的宽度和高度。第二步:在directive文件夹再创建一个index.js文件,目的是为了集中注册自定义指令。原创 2023-12-18 10:21:04 · 3060 阅读 · 0 评论 -
vue2.x 迭代更新项目去掉缓存处理
然后在.js和.css前面加上.${Version}就可以了(注意得把原本的''换成``)找到build文件下的webpack.prod.conf.js文件。定义一个常量version。原创 2023-09-26 17:25:44 · 467 阅读 · 0 评论 -
vue 文件url转文件流下载方法
fetch(url).then(res => res.blob()).then(blob => { // 将链接地址字符内容转变成blob地址。原创 2023-05-25 09:32:44 · 2190 阅读 · 0 评论 -
el-input 限制输入内容
el-input 只能输入正整数原创 2023-07-14 16:24:35 · 3060 阅读 · 0 评论 -
vue使用swiper轮播组件开启loop模式点击不了问题处理
1.原本在这里的点击事件换成 :data-href="func_str(item)"//拿到item之后就可以进行自己原本第1步那里的事件了。3.在原本的调用调用轮播图方法里面加入点击事件。2.在methods里面写好方法。原创 2023-09-15 21:44:10 · 647 阅读 · 0 评论 -
vue 监听页面卷去的高度,获取元素离页面顶部的距离
得换成this.$refs.xxx.$refs.yyy[0].offsetTop(xxx为子组件得ref,yyy为子组件里面的元素ref)//this.$refs.$el.tag.xxx.offsetTop(这是网上找到的,但是我实测不行),下面是获取元素离页面顶部的距离的使用方法。//在这里就可以写监听逻辑了。1.首先在mounted生命周期上。2.也别忘了在离开页面前去掉监听。// 监听页面滚动事件。3.方法的使用methods。原创 2023-09-25 11:40:10 · 2386 阅读 · 0 评论 -
vue+electron 跨平台桌面应用开发实战教程
vue+electron 跨平台桌面应用开发实战教程原创 2022-07-26 14:34:20 · 464 阅读 · 1 评论 -
vue项目打包后打开index.html页面显示空白以及图片路径错误的问题
这里写自定义目录标题页面空白问题一:修改一下config下面的index.js中bulid模块导出的路径。因为index.html里边的内容都是通过script标签引入的,而你的路径不对,打开肯定是空白的。先看一下默认的路径。问题二:这个坑是当你使用了路由之后,在没有后端配合的情况下就手贱打开路由history模式的时候,打包出来的文件也会是一片空白的情况,问题三:图片或字体路径不对问题页面空白原因:打包后的dist目录下的文件引用路径不对,会因找不到文件而报错导致白屏。问题一:修改一下config下原创 2020-09-04 18:48:22 · 1301 阅读 · 0 评论 -
Vue项目分环境打包、运行server
参考地址:https://www.jianshu.com/p/5218ad9e0129;或者:https://www.jianshu.com/p/320d9efccc6a原创 2020-08-19 10:22:26 · 215 阅读 · 0 评论 -
如何搭建一个vue项目(完整步骤)
如何搭建一个vue项目(完整步骤)参考资料一、安装node环境1、下载地址为:https://nodejs.org/en/2、检查是否安装成功:如果输出版本号,说明我们安装node环境成功3、为了提高我们的效率,可以使用淘宝的镜像:http://npm.taobao.org/输入:npm install -g cnpm –registry=https://registry.npm.taobao.org,即可安装npm镜像,以后再用到npm的地方直接用cnpm来代替就好了。检查是否安装成功:转载 2020-08-18 10:42:59 · 10854 阅读 · 3 评论 -
Vue:不同页面之间的传递参数--params
1.参数在url中显示首先你要确定自己要传的参数,并在控制路由的文件中的Router中path内添加对应的字段如:{ path: '/details/:id', name: 'details', component: details}我要传的参数是活动id。在你要跳转的组件内定义参数,如:var info = {id:"123",mes...原创 2018-10-22 18:10:24 · 3811 阅读 · 1 评论 -
vue.js 2.x 版本脚手架中没有dev-server.js 如何进行数据模拟
参考了别人的代码,可以用,记下来:最新的vue里dev-server.js被替换成了webpack-dev-conf.js在模拟后台数据的时候直接在webpack-dev-conf.js文件中修改第一步,在const portfinder = require(‘portfinder’)后添加第二步:找到devServer,在里面加上before()方法以下为json数据:PS:所有的修改配置都需要...转载 2018-03-06 16:32:12 · 1388 阅读 · 0 评论