
vue
前端那点事
这个作者很懒,什么都没留下…
展开
-
vue路由守卫+登录态管理
在路由文件需要守卫的path后面加上meta{path: '/home',component: home,meta:{requireAuth:true}}在main.js里面加上//路由守卫router.beforeEach((to, from, next) => { console.log(to); console.log(from); if (to.meta.req...原创 2018-10-30 16:45:42 · 2823 阅读 · 0 评论 -
vue实现跨域
在请求的资源上没有“访问控制允许源”标头。因此,“http://LoalHoal:8081”是不允许访问的。出现这个报错就说明,浏览器限制了跨域,需要设置跨域一、后台更改headerheader('Access-Control-Allow-Origin:*');//允许所有来源访问 header('Access-Control-Allow-Method:POST,GET');//允许...原创 2018-10-30 16:50:33 · 3165 阅读 · 0 评论 -
vue图片懒加载lazy-load
第一步安装npm i vue-lazyload -D第二步引入import VueLazyload from 'vue-lazyload'第三步简单配置参数(两种图片路径方法)//最外层static目录下的图片引用Vue.use(VueLazyload,{ error:'/static/images/logo.png',//图片加载失败时候显示的图片 loading...原创 2018-10-30 16:53:25 · 4661 阅读 · 2 评论 -
vue动态绑定class的几种方式
#####对象方法-最简单的绑定(这里的active加不加单引号都可以,以下也一样都能渲染):class="{ 'active': isActive }"判断是否绑定一个active:class="{'active':isActive==-1}" 或者:class="{'active':isActive==index}"绑定并判断多个第一种(用原创 2018-10-30 17:03:27 · 121006 阅读 · 2 评论