vue
暖暖小时光
这个作者很懒,什么都没留下…
展开
-
vue js手机端滑到某一个位置时固定位置显示
1、HTML <div id="searchBar"> <ul class="items_filter" :class="searchBarFixed == true ? 'isFixed' :''"> <li><span class="all">综合</span></li> <li><span class="all">综合2</span></li>转载 2020-11-12 13:04:20 · 486 阅读 · 0 评论 -
在开发Vue项目时,页面加载时出现闪烁问题
<style type="text/css"> /* 1、通过属性选择器 选择到 带有属性 v-cloak的标签 让他隐藏 */ [v-cloak]{ /* 元素隐藏 */ display: none; }</style><body> <div id="app"> <!-- 2、 让带有插值 语法的添加 v-cloak 属性 在数据渲染完场之后,v-cloak 属性会被自动去除,.转载 2020-11-12 12:53:58 · 375 阅读 · 0 评论 -
Vue登录拦截 登录后继续跳转指定页面
在开发中我们经常遇到这样的需求,需要用户登录后才可以访问该页面,如果用户没有登录点击该页面时则自动跳转到登录页面,登录后又跳转到链接的页面而不是首页,这种问题该如何去做呢?1、在路由器router下的 index.js 的配置中,给需要拦截登录的页面的路由上加一个meta: {loginRequest: true} ,其中loginRequest 变量自己可以随意定义2、在main.js文件里面添加beforeEach钩子函数解释: router.beforeEach((to, from, n转载 2020-11-06 17:33:13 · 2167 阅读 · 0 评论 -
Vue工程打包部署到服务器后,静态文件(图片)不显示
问题描述:在自己工程里打开Powershell窗口,运行npm run dev在本地浏览器打开http://localhost:8080/index.html------工程运行良好!但是npm run build时获取打包文件dist并部署到服务器上后发现打开http://10.0.0.19/dist/index.html后某些静态图片显示不出来…也可以想象出,此类问题肯定是打包文件获取问题------针对于如此,可做以下处理:1.在config(文件夹)—>index.js中,添加(如图的红色转载 2020-09-16 08:50:47 · 7023 阅读 · 0 评论 -
vue项目storage本地存储
1.在model文件夹下面新建一个storage.jsconst storage = { set(key,value){ sessionStorage.setItem(key,JSON.stringify(value)); }, get(key){ return JSON.parse(sessionStorage.getItem(key)); }, getForIndex(index){ return sessionStorage.key(index).转载 2020-07-30 16:20:14 · 8229 阅读 · 0 评论 -
vue实现动态路由--后台返回路由表(并解决页面刷新,路由找不到的问题)
先大致说一下自己的思路。其实后台返回的权限表跟我们前端自己配置的路由格式是差不多的(格式可以跟后台沟通)。我们需要做的是根据后台返回的路由,然后进行遍历,生成一个本地的路由表。然后利用Router.addRouters()这个方法,把我们新生成的路由表添加到路由中。1.首先我们要在router.js里面写一个静态路由(就是说不需要任何权限就能看到的页面)import Vue from "vue";import Router from "vue-router";import store fr原创 2020-07-30 14:47:43 · 6968 阅读 · 1 评论 -
Vue之Axios跨域配置
1.修改main.js,加入如下代码import Axios from 'axios';Vue.prototype.$axios = Axios;Axios.defaults.baseURL = '/api';2.配置代理config文件夹下的index.js 文件中的proxyTable字段修改 dev: { env: require('./dev.env'), port: 8090, autoOpenBrowser: true, assetsS翻译 2020-05-12 13:46:00 · 246 阅读 · 0 评论 -
vue根据路由访问实现动态标签页
效果接下来讲一下思路,其实就是要监听路由,当访问路由时讲路由的数据push到数组中上代码// tagsView.vue<template> <div class="tags" v-if="showTags"> <ul> <li class="tags-li" v-for="(item,ind...转载 2020-05-08 15:45:12 · 1774 阅读 · 0 评论 -
vue学习-vue router路由配置,元信息meta的使用-登录拦截验证
路由基本配置1.在router文件夹中找到 indexs.js注意:如果创建项目是没有安装router,不会有router文件夹,该文件夹在src 文件夹的根目录中// 1.引入路由以及vue,下面的是固定写法,照写就可以import Vue from 'vue'import Router from 'vue-router'Vue.use(Router) 2.创建路由实例...转载 2020-04-22 13:22:42 · 1138 阅读 · 0 评论