聊聊公司团队前端交互需要注意的一些要点。 一般上 Tab 切换的页面都应该通过路由定义,切换选项卡即切换路由,而且要用 replace 而不是 push 切换。 页面分页、侧栏分类切换分类等会重新加载列表的操作都要通过路…
标签:vue.js教程
是的,又是一个vue版的网易云音乐
前言 平时一直都是逛掘金,很少发表文章。想着还是献一献丑。有天,逛着github,发现了Binaryify开源的网易云音乐所有接口,感觉发现了宝藏一样,先贴上服务端地址网易云音乐服务端,再次感谢Binaryify为开源做…
关于v-if和v-for不能一起使用在同一个标签上的思考
v-if 和 v-for 一起使用在同一个标签上会怎么样? 看例子:使用v-for将如下object的所有value遍历显示,其中有一个value是数组 数据: testData: { name: 'TESTOBJECT…
手写简单Vue
原理 在创建Wvue示例的时候,将挂载在实例中的参数通过数据劫持来做一层代理。使得在访问或者赋值时候可以进行更多的操作。通过挂载在参数中的el参数来获取HTML,并且用compile进行分析,将具有特殊含义的,比如{{}…
Vue如何设置动态宽度高度或者动态样式
在开发过程中,很多时候都会用到动态的计算的样式,比如宽度,高度。特别是开发后台管理系统。 那么首先你务必看Vue的官方文档。涉及到的基础知识有: 绑定内联样式的使用 computed的使用 文档写的都是基础使用。那么在项…
【vue.js】vue实现多组关键词对应高亮显示
先上效果图: 我们有多组关键词,这里实现了关键词的背景色与匹配值的字体颜色值相同 先拟定一组数据 colors: [ "#FFB5C5", "#EEC900", "#D1EEEE", "#40E0D0", "#FFFF0…
使用vue封装固钉Affix组件,滚动条到底部时自动吸附,离开底部时自动相对窗口固定
<template> <div class="back-btn-position-fx-style"><button class="back-btn-style" @click="$rout…
vue里面监听滚动事件以及获取scrollTop
<template> <div><button></button></div> </template> <script> export …
vue实战(1):准备与资料整理
磨刀不误砍材工 声明:本项目为照着尚硅谷vue视频仿写 0. 其它 vue实战(1):准备与资料整理vue实战(2):初始化项目、搭建底部导航路由vue实战(3):底部导航显示、搭建各模块静态页面、添加登录页页面与路由v…
小菜鸟之Vue - provide/inject不归路
前言 为什么我要写这么一篇文章,网上不是一堆关于provide/inject的技术文章吗? 原因在于网上的那些博客大牛文章能完美避开坑,而我这篇文章描述是挖坑和埋坑的一个过程 provide/inject是什么 依赖注入…
vue子父组件之间的传值,this.$emit和this.$parent.$emit
子组件调用方法this.$emit //子组件 <input id="checkall" type="checkbox" v-model="isSelected" @change="selectedAll(isSe…
vue 位置导航
http://jsrun.pro/CgbKp .location{width:50%;line-height:30px; background:#ccc; overflow-yhidden; white-space:no…