![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
前端潮人
这个作者很懒,什么都没留下…
展开
-
路由跳转的滚动方法
假如我们在一个页面中设置了window.addEventListener(‘scroll’, this.handleScroll),那么当我们使用路由跳转到其他页面的时候,可能就会仍停留在原来的位置,什么意思呢,就是我们在A页面中滑动到比如距离Top500px的距离,这个时候在A页面的500px地方有一个路由可以跳转到B页面,B页面设置了window.addEventListener(‘scro...转载 2019-03-19 14:48:06 · 380 阅读 · 0 评论 -
vue配置less预编译处理器
安装 less less-loader npm install less less-loader --save-dev>新建 文件 src 下面 /common/less/base.less>main.js里面引入import './common/less/base.less'>build/webpack.base.conf.js 修改:resolve: {e...原创 2019-04-02 13:34:15 · 169 阅读 · 0 评论 -
vue配置scss预编译处理器
安装:npm install sass-loader node-sass --save-dev由于vue-cli已经配置好了<style lang="scss">$highlight-color: #F90;$highlight-border: 1px solid $highlight-color;.selected {border: $highlight-...原创 2019-04-02 13:35:49 · 305 阅读 · 0 评论 -
vue学习(监听、$event、内联处理器中的方法)
文章目录监听事件事件处理方法内联处理器中的方法$event事件修饰符监听事件可以用 v-on 指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码。<div id="example-1"> <button v-on:click="counter += 1">Add 1</button> <...原创 2019-04-02 15:55:51 · 899 阅读 · 2 评论 -
vuejs中的事件绑定以及修饰符
vuejs中的事件绑定,使用<v-on:事件名 = 函数名>来完成的,这里函数名是定义在Vue实例中的methods对象中的,Vue实例可以直接访问其中的方法.事件绑定的方式(1) 内联直接把js写在标签上调用方法<button v-on:click="alert('hi')">执行方法的第一种写法</button>(2)调用metho...原创 2019-04-02 16:40:22 · 491 阅读 · 0 评论