随笔分类 -  vue

上一页 1 2
vue 父页面中含子页面滑动，滑动结束，底部组件进行滑动
摘要：详见效果地址： https://pan.baidu.com/s/1Yin2q0Fh_6AQJTlbie7QMw 使用 vue样式 }, //滑动到下一子页面 toNext(index){ console.log(this.current); css样式 阅读全文
posted @ 2018-12-19 18:47 嘉煠 阅读(1574) 评论(0) 推荐(0)
vue 设置每个页面的title
摘要：由于vue文件中只有一个Index.html 文件 title 显示需要通过vue-router来设置 1. router index.js文件中添加meta属性 2.在main.js 在每一个meta里面设置页面的title名字，最后在遍历 1.Vue.beforeEach(function(to 阅读全文
posted @ 2018-12-18 15:03 嘉煠 阅读(18105) 评论(0) 推荐(2)
vue项目打包后资源相对引用路径的和背景图片路径问题
摘要：vue项目中若要使用相对路径来获得相应静态资源， 在一般项目 build 之后都会生成一个 index.htm 文件和 一个 static 文件夹,而 static 这个文件夹需要被放置在根目录下, 1.需要找到config index.js(webpack 是依据index.js 来自动生成文件的 阅读全文
posted @ 2018-12-18 11:20 嘉煠 阅读(5378) 评论(0) 推荐(0)
vue 监听滑动事件，是否滑动到dom元素的区域
摘要：//监听滚动事件 window.addEventListener('scroll',that.handleScroll) //垂直滚动的值兼容问题 let scrollTopE = window.pageYOffset || document.documentElement.scrollTop || 阅读全文
posted @ 2018-12-14 16:59 嘉煠 阅读(3597) 评论(0) 推荐(0)
vue 跨页面锚点定位
摘要：1.使用的是localStorage存储id的值，点击存储id的值 goto方法， js goto方法 记录id的值 子页面的html内容，id名统一 子页面的生命周期 首页跳转子页，首页跳转锚点效果 -- 没有做锚点前的效果 阅读全文
posted @ 2018-12-13 15:20 嘉煠 阅读(4646) 评论(1) 推荐(0)
vue 列表单击显示当前列表内容隐藏其他的列表页，多次点击实现显示隐藏的功能
摘要：1.//class -- sel_div已经把样式写好了；通过控制sel_div来控制样式的展示情况； 2.单击时，重新给showQA赋值为index；showQA与下标相同时，显示样式；同一时间只有一个li满足条件； 3.当第二次点击时，给一个状态开关isStatus，点击 that.isStat 阅读全文
posted @ 2018-12-12 18:24 嘉煠 阅读(5273) 评论(0) 推荐(1)
[Vue warn]: Error in render: "TypeError: Cannot read property 'slice' of undefined" found in
摘要：vue warn 阅读全文
posted @ 2018-12-12 15:44 嘉煠 阅读(16203) 评论(1) 推荐(2)
vue 父组件传值到子组件
摘要：父组件内容 引入组件 <v-foot ref ="footListName" father-list="footListName"></v-foot> 定义footListName that.footListName = that.$refs.footListName.footListName 在点 阅读全文
posted @ 2018-12-12 15:32 嘉煠 阅读(277) 评论(0) 推荐(0)
vue filter公共提取组件
摘要：src目录中新建filters文件夹，新建filters.js文件 将用的方法格式exports，抛出 //导出过滤器-日期的格式 exports.formatDate = (val) =>{ console.log(val); let data = new Date(val); let year 阅读全文
posted @ 2018-12-12 15:32 嘉煠 阅读(1584) 评论(0) 推荐(0)
解决vue路径中#号
摘要：在router文件夹下的js文件中，更改配置增加 mode: 'history'; vue-router官方文档：https://router.vuejs.org/zh-cn/essentials/history-mode.html 阅读全文
posted @ 2018-01-16 15:03 嘉煠 阅读(7871) 评论(0) 推荐(1)
使用vue 遇到的问题————— 解决手机实时显示项目
摘要：Vue项目文件组织架构: src文件夹存放源代码。 Static文件夹存放第三方静态资源。 git将项目上传github http://blog.csdn.net/laozitianxia/article/details/50682100 解决手机实时显示项目 1.浏览器二维码扫码 手机实时观察 草 阅读全文
posted @ 2018-01-16 11:08 嘉煠 阅读(1153) 评论(0) 推荐(0)
vue初学者
摘要：先分享一波福利 vue学习视频 链接：https://pan.baidu.com/s/1ggSfE75 密码：7h2a 1.先安装 webpack vue-cli cnpm install -g vue-cli cnpm install -g webpack 查看版本 vue -V webpack 阅读全文
posted @ 2018-01-16 11:01 嘉煠 阅读(153) 评论(0) 推荐(0)

上一页 1 2