
vue
李古拉雷
这个作者很懒,什么都没留下…
展开
-
vue+vux scrollTop 实现定位到具体dom(scrollIntoView())
先看一下最终的运行效果。项目背景介绍:技术栈: vue+vux+nodejs需求:对汽车品牌列表可以按照字母进行索引定位在开发中实现这种需求,心想还不是小菜一碟,作为一个饱经bug的程序员,别的我就不吹了,最起码Ctrl+C用的还是蛮不错的。虽然我的复制能力MAX,但最起码的功能点还是要先梳理一下。要实现这个功能统共分两步,第一根据点击找到需要定位的位置,...原创 2019-03-29 17:31:24 · 8702 阅读 · 0 评论 -
vue+vuex 回退定位到初始位置
先放出两张图(没错,你还在9012,做为一名资深设计师我唯一的技能点就是留白),简单说明下问题未做回退定位(从落地页回退,每次都回到A位置)想死啊有木有,每次都需要手动重新定位来选择,你大哥看到你做个这肯定想扣死你:添加回退定位后(从落地页回退,定位到点击位置)哈,好用到爆 有木有~:按照WBD国际通用惯例(我编的),先对这个demo中用到的文件做一个索引,方便对整个回退功能有个宏...原创 2019-04-17 15:39:45 · 488 阅读 · 1 评论 -
vue-cli 最强指南
注:这个是官网连接:https://cli.vuejs.org/zh/guide/ ,建议多看细看不但要看还要多想,这里的介绍才是最全最准确的。①.vue-cli 是什么?vue-cli 又称为vue 脚手架,(我发现在起名这件事上前端从来就没输过)这个名字很通俗易懂。百度百科对脚手架的解释是:脚手架是为了保证各施工过程顺利进行而搭设的工作平台。其实基建工程和软件工程有很多东西都是相通的,...原创 2019-04-03 19:06:19 · 319 阅读 · 0 评论 -
[Vue warn]: Invalid prop: type check failed for prop "max". Expected Number, got String
<x-input max=20>测试文字</x-input>改成<x-input :max=20>测试文字</x-input>原创 2019-04-09 15:58:15 · 5427 阅读 · 2 评论 -
vue v-if : "TypeError: Cannot read property 'length' of undefined"
在使用v-if判断一个数组大小为0时,会出现 length 是undefined的错误:[Vue warn]: Error in render: "TypeError: Cannot read property 'length' of undefined"错误代码:<group v-if="item.detailEntityList.length===0" style="m...原创 2019-04-09 10:07:28 · 7571 阅读 · 0 评论 -
vue+vux页面滚动定位(支持上下滑动)
接上篇文章:https://blog.youkuaiyun.com/honglei_zh/article/details/88898167在上篇文章中实现了通过使用scrollIntoView()在使用vux的移动端实现了点击锚点进行页面dom定位,但是这个demo在ios中运行存在兼容性问题,滑动页面时使用position:absolute定位的dom会出现跳动现象,待有时间再解决这个bug。好了,...原创 2019-04-12 14:16:37 · 1197 阅读 · 0 评论 -
vue实现 toggle显示隐藏效果
背景介绍jQuery中有个toggle()方法,可以切换元素的显示状态,在用vue时如果不引入jQuery如何实现这种效果?使用场景常见有三种场景:1.控制页面中一个dom元素2.控制页面中多个dom元素3.控制页面中的dom元素是从服务端返回,且有多个技术分析1.一二场景下实现这种效果可以用v-if指令,通过设置true或false来控制dom的隐藏与显示。如果控...原创 2019-03-29 13:01:22 · 5108 阅读 · 0 评论 -
【vue】vue从服务端获取数据赋值给data,如何渲染更新视图
从服务端取到的数据需要实时反馈,否则将毫无意义!目录介绍一下Vue.set()方法一:data中定义一个对象:二:从服务端发起请求返回新数据对象:三:用 Vue.set()方法更新数据下面介绍一下第二种情况:一:我们在data中定义一个很大的临时对象二:我们在计算属性中也定义很大的对象三:发起异步请求,从服务端返回数据四:页面模板组件中使用方法...原创 2019-03-28 13:37:29 · 23898 阅读 · 2 评论 -
vue2.0自学教程(一):走进vue2.0大观园
人狠话不多,咱直入主题吧!开发软件: Visual Studio Code 支持环境: nodejs+windows 版本: vue2.01.初识vuevue是一个前端框架,使用MVVM(Model-View-ViewModel的简写)模式。看过官网这个介绍的心得就是看不懂。没事我举个通俗可能易懂的例子,你们随意感受一下。皮影戏很多人都知道。△吶,这就是皮影戏我们把看到的皮...原创 2019-04-01 11:54:13 · 478 阅读 · 0 评论 -
vue-router使用 看着篇就够了
官网地址:https://router.vuejs.org/zh/先来个自我介绍吧,我就是你们口中的路由,我的作用就是告诉你们怎么到达某地,比如你想去一个地方(前提是这个地方是已经存在的)我会查询我的路线图(路由配置)告诉你怎么过去。明白了吧,我的作用就是给你们导航的,有了我的存在,你们不用在详细的记住每一条路线图,只需要记住要去的目的地名字就行了,至于怎么过去,那是我的事,你就不用操心了,完...原创 2019-04-04 17:26:27 · 369 阅读 · 0 评论 -
vue使用$http 服务端收不到参数
老夫子我正在憋方案书,听到身后传来细软的声音:“李哥,我这有个Bug调了很长时间了,您能帮我看一下吗?”。说这话的是我的好朋友,公司新来的前端小妹伊万卡。我起身向她走去,看到因长时间调试Bug漂亮的脸蛋上泛起的红晕,原来人会变的温柔,一点都不像我。“我使用vue中的http方法异步删除一个图片,后端怎么也接收不到我发的参数,同时还报个500。”听完伊万卡小妹描述的这个Bug临床变现,根据我...原创 2019-04-19 16:20:15 · 1087 阅读 · 1 评论