Vue.js
雪莲的博客
这个作者很懒,什么都没留下…
展开
-
Vue.js要点记录(一)
1. 初识vue(1) vue到底是什么? 一个mvvm框架(库)、和angular类似 比较容易上手、小巧 mvc: mvp mvvm mv* mvx 官网:http://cn.vuejs.org/ 手册: http://cn.vuejs.org/api/123456789转载 2017-01-19 17:17:01 · 1684 阅读 · 0 评论 -
使用HBuilderX 打包 vue 项目 为 App 的步骤
这里,我的项目是vue-cli构建的工程,h5移动端页面。由于开发成本并没有用安卓或ios原生语言来开发app,而是选择将现有项目直接打包。下面我会分享一下HBuilderX 打包 vue 项目 为 App 的步骤。希望对有需求的同学提供帮助。原vue项目打包dist文件1、首先以及必须,将config文件夹里的index.js文件中assetsPublicPath由'/'改为 '...原创 2019-05-31 11:23:22 · 6565 阅读 · 7 评论 -
vue 不固定宽度文字超出显示...鼠标移入浮层显示全文,模拟title浮层方法
先说说思路:1、不固定宽度文字超出显示...,用的css3 overflow: hidden;text-overflow:ellipsis;white-space: nowrap;2、文字超出的地方鼠标移入显示全文。我的思路是这样的,先获取容器的宽度、字号、全部文字,把获取的全部文字放到一个动态生成的span中,给span设置字号为容器的字号,再获取出来span的长度,容器宽度小于span...原创 2018-05-03 09:54:17 · 10442 阅读 · 1 评论 -
解决vue切换路由后上一个页面监听scroll滚动事件会在新页面报错问题
vue中写有滚动事件监听页面的时候,我是这样写的mounted () { window.addEventListener('scroll', this.handleScroll);//监听页面滚动事件 },这样写在当前页面是没有任何问题的,但是同事发现从我的这个页面跳转到他的页面的时候,随着页面滚动报了很多错,思前想后,结合vue的原理发现,vu原创 2018-02-02 17:48:31 · 6467 阅读 · 5 评论 -
vue2.0路由切换后页面跳转后新页面滚动位置不变BUG
解决办法很简单,如下,直接监测watch路由变化,然后将body的滚动距离scrollTop赋值为0。export default { watch:{ '$route':function(to,from){ document.body.scrollTop = 0; document.docu转载 2018-02-02 17:39:23 · 4304 阅读 · 0 评论 -
解决app内嵌h5中ios获取不到title,vue router 修改title(IOS 下动态改变title失效)
在ios下app 设置document.title = "titleName" 失效,原因是在IOS webview中网页标题只加载一次,动态改变是无效的。vue中npm install vue-wechat-title组件在路由配置中添加 meta对象 如:路由尾部添加Vue.use(require('vue-wechat-title')); //实例化参数所需要动原创 2018-01-22 16:58:30 · 8181 阅读 · 4 评论 -
vue上拉加载更多
因为我们项目中,还用了swiper。。。很多都是滑动切换的,但是又得上拉加载,所以导致,很多UI框架,我们用了,都有不同的bug出现,没办法,最后写了一个。代码如下(这个因为很多地方会用,所以建议放在components/common下面):.loadmore{width:100%;}export default {name:转载 2017-11-06 15:03:06 · 3717 阅读 · 0 评论 -
Vue.js要点记录(二)
从 1.x 到 2.x 重要变化(1) 在每个组件模板,不在支持片段代码 组件中模板: 之前: template> h3>我是组件h3>strong>我是加粗标签strong> template> 现在: 必须有根元素,包裹住所有的代码转载 2017-01-19 17:18:10 · 1792 阅读 · 0 评论 -
解决HBuiderX打包vue项目为app后,cookie不能读写问题
我之前习惯将token及用户信息等存到cookie,发现HBuiderX打包vue项目为app,运行之后cookie不能读写。后来换成存储localStorage可以解决window.localStorage.setItem(name,value)window.localStorage.getItem(name)...原创 2019-05-31 11:30:50 · 3331 阅读 · 1 评论