vue
文章平均质量分 53
懒啦
这个作者很懒,什么都没留下…
展开
-
Ant Design of Vue对话框a-model动态实现显示隐藏底部
Ant Design of Vue对话框a-model动态实现显示隐藏底部原创 2023-01-11 15:27:34 · 3291 阅读 · 0 评论 -
vue引用json文件
vue中使用json文件原创 2022-09-21 09:29:42 · 952 阅读 · 0 评论 -
vue2+elementUI的el-tree的选中、高亮、定位
vue2+el-tree的选中、高亮、定位原创 2022-09-18 14:45:26 · 6688 阅读 · 2 评论 -
Vue.js使用Blob的方式实现excel表格的下载(流文件下载)
最近在做blob流导出相关功能,其中需要导出excel、csv、word、zip压缩文件之类的,在导出excel和word中需要知道对应的content-type属性,关于blob格式如下:后缀MIME Type.docapplication/msword.docxapplication/vnd.openxmlformatsofficedocument.wordprocessingml.document.xlsapplication/vnd.ms-excel.x原创 2022-04-22 11:21:23 · 3101 阅读 · 0 评论 -
vue中二次封装 axios 以及跨域问题
1.在vue脚手架里面src文件下面创建一个api文件夹 里面分别创建index.js 和 request.js 如下图2.request.js文件// 请求import axios from 'axios'// create an axios instance 创建axios实例const instance = axios.create({ baseURL: 'http://192.168.3.6:8082', // api 的 base_url withCredentials:原创 2022-03-24 10:43:25 · 1665 阅读 · 0 评论 -
vue实现token登录验证
token可用于登录验证和权限管理。大致步骤分为:前端登录,post用户名和密码到后端。后端验证用户名和密码,若通过,生成一个token返回给前端。前端拿到token存储到localStorage管理,登录成功进入首页。之后前端每一次权限操作如跳转路由,都需要判断是否存在token,若不存在,跳转至登录页。前端之后的每一个对后端的请求都要在请求头上带上token,后端查看请求头是否有token,拿到token检查是否过期,返回对应状态给前端。若token已过期,清除token信息,跳转至登录原创 2022-03-24 10:18:39 · 9093 阅读 · 7 评论 -
路由导航守卫控制访问权限
路由导航守卫控制访问权限如果用户没有登录,但是直接通过URL访问特定页面,需要重新导航到登录页面// 挂载路由导航守卫router.beforeEach((to,from, next)=>{ // to 将要访问的路径 // from 代表从哪个路径跳转而来 // next 是一个函数,表示放行,有两种写法如下: // next() 放行 next('/login') 强制跳转 // 如果用户访问登录页,直接放行 if(to.path === '/login') r原创 2022-02-08 11:18:30 · 780 阅读 · 0 评论 -
vue-尚品汇项目 -尚硅谷项目笔记-项目配置
2.1 项目运行起来时,让浏览器自动打开在项目根目录下的package.json文件里面的scripts里面的serve后面加上 --open"scripts": { "serve": "vue-cli-service serve --open", "build": "vue-cli-service build", "lint": "vue-cli-service lint" },2.2 eslint校验功能关闭— 在根目录下,创建一个vue.config.js原创 2022-01-29 10:51:37 · 1554 阅读 · 0 评论 -
vue的scoped情况下通过父组件修改子组件的样式
在正常情况下vue父组件中是无法修改子组件的样式但是又不能去掉scoped,因为去掉scoped会污染全局的样式所以可以选择使用深度选择器1.>>>如果项目使用的是css原生样式,那么可以直接使用>>>穿透来修改样式编译前:<style scoped>.a >>> .b { /* ... */ }</style>编译后:.a[data-v-f3f3eg9] .b { /* ... */ }2./d原创 2022-01-06 09:35:09 · 683 阅读 · 0 评论 -
vue笔记
ref属性1.被用来给元素或子组件注册引用信息(id的替代者)2.应用在html标签上获取的是真实DOM元素,应用在组件标签上是组件实例对象(vc)3.使用方式:打标识: <h1 ref="xxx">....<h1>或<School ref="xxx" />获取:this.$refs.xxx配置项props功能: 让组件接收外部传过来的数据(1)传递数据: <Demo name="xxx">(2)接收数据:第一种方式(只接收):原创 2021-11-30 21:56:56 · 490 阅读 · 0 评论 -
分析脚手架
├── node_modules├── public│ ├── favicon.ico: 页签图标│ └── index.html: 主页面├── src│ ├── assets: 存放静态资源│ │ └── logo.png│ │── component: 存放组件│ │ └── HelloWorld.vue│ │── App.vue: 汇总所有组件│ │── main.js: 入口文件├── .gitignore: git 版本管制忽略的配置├── babel.config.j.原创 2021-11-30 21:38:07 · 89 阅读 · 0 评论 -
vue创建脚手架
初始化脚手架一、说明1.Vue脚手架是Vue官方提供的标准化开发工具2.具体查看 官方文档二、具体步骤1.全局安装@vue/cli(仅第一次执行)注意:要以管理员的身份打开cmdnpm install -g @vue/cli安装完成后在输入vue,显示下图则证明安装成功2.切换到要创建项目的目录 ,然后使用命令创建项目vue create xxxx自行选择适合的vue版本3.启动项目1.先进入创建的文件夹的路径: cd vue_text2. 然后输入 : np原创 2021-11-30 21:26:52 · 738 阅读 · 0 评论 -
vue的v-for循环中图片加载路径问题
vue的v-for循环中图片加载路径问题产品要求要求图片和它的名字一一对应,vue中的img的src可以动态绑定到一个变量上<template><div id="app"> <ul> <li v-for ="a,b in data" :key="b"> <img :src="a.url" alt="flowers"> <p>{{item}}</p>原创 2021-11-17 17:54:33 · 3878 阅读 · 0 评论 -
vue的生命周期
二、生命周期1.创建阶段的生命周期函数首先通过var vm = new Vue({}) 创建一个Vue实例对象,vm是一个空的Vue实例对象beforeCreate() (初始化之后) 在beforeCreate()生命周期函数执行的时候,vue对象中的data和methods中的数据没有初始化,在beforeCreate()中无法访问data数据和methods中的方法;2.created() (创建完成 )此时data数据和methods中的方法已经初始化好了,也就是说,3.create原创 2021-11-04 10:53:40 · 1094 阅读 · 0 评论 -
vue基础语法
一、vue基础语法插值表达式数据绑定最常见的形式就是使用{{…}}(双大括号)<div id="app"> <div>{{ message }}</div> </div> <script> new Vue({ el: '#app', data: { me原创 2021-11-04 10:48:35 · 106 阅读 · 0 评论