![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue.js
凑热闹的
这个作者很懒,什么都没留下…
展开
-
vue使用axios创建请求拦截、响应拦截器
一 安装axios1.npm install axios --save2.npm install qs.js --save //它的作用是能把json格式的直接转成data所需的格式二在utils文件下编写规则2.1 新建request.js原创 2021-09-17 11:26:51 · 467 阅读 · 1 评论 -
vue通过点击按钮实现图片放大缩小旋转下载
实现思路根据el-element的el-image组件点击图片实现放大缩小功能来实现首先需要引入插件import ElImageViewer from ‘element-ui/packages/image/src/image-viewer’整体封装代码```html<template> <div> <el-image-viewer :on-close="closeViewer" :url-list="urlList" &原创 2021-08-27 16:04:17 · 1390 阅读 · 0 评论 -
vue项目elementUi图使用el-image下载图片原尺寸下载放大缩小旋转图片增加自定义按钮
elementUi框架中有el-image,这个组件可以放大,缩小,旋转图片。适用于一般通用性业务,但是有下载需求的话这个就满足不了,需要自己手动撸一管下载按钮来实现下载功能效果图实现思路1.创建下载按钮图标2.把创建的下载图标放到和旋转放大同一行内3.监听图标按钮点击事件4.实现下载原图```html <template> <div > <el-image style="width: 40px; height: 40px; ma原创 2021-08-27 09:53:38 · 7276 阅读 · 4 评论 -
使用vue项目初搭建Vue3.0项目框架搭建
一,创建vue项目vue create vue二,选择配置项 1 Choose Vue version 可选择版本 2.x 3.x (1. babel (2. TypeScript (3. Progressive Web App (PWA) Support 支持渐进式网页应用程序 (4. Router 路由管理器 (5. Vuex 状态管理模式(构建一个中大型单页应用时) (6. CSS Pre-processors css预处理 (7. Linter / Fo原创 2021-08-25 10:33:08 · 299 阅读 · 0 评论 -
判断数组中的对象是否存在相同的值
1、findIndex() 方法返回第一个符合条件的数组成员的位置,如果所有成员都不符合条件,则返回-1。let demoData = [ {checked:false,name:'royal'}, {checked:false,name:'royal'},]if(demoData.findIndex(target=>target.checked === true)==-1){ console.log('验证通过') }else { console.log('验证不通过') }原创 2021-08-12 16:02:21 · 7116 阅读 · 0 评论 -
模糊搜索查询
changeList() { let val = this.keyWord if (val) { this.showRadioList = this.radioList.filter(function (radioList) { return Object.keys(radioList).some(function (key) { return String(radioList[key]).toLower原创 2021-05-12 10:07:43 · 105 阅读 · 0 评论 -
动态渲染vue表格的表头和表体
@<template> <div> <!-- 方法二 --> <!-- <el-table :data="tableData" style="width: 100%"> <el-table-column v-for="(item,index) in tableDatahe" :key="index" :prop="item.props"原创 2021-04-02 15:20:22 · 832 阅读 · 0 评论 -
2021-02-04
vue项目使用js-cookie获取cookie和请求搭配token以及axios请求封装1.npm i js-cookie //安装1.新建util文件件在util文件件下新建util.cookies.jsimport Cookies from 'js-cookie'const cookies = {}/** * @description 存储 cookie 值 * @param {String} name cookie name * @param {String} value co原创 2021-02-04 16:18:50 · 69 阅读 · 0 评论 -
vue 组件传值父子组件之间传值子父组件之间的传值以及兄弟之间组件传值
父子组件间的传值一、子组件访问父组件的数据方式一 :子组件直接访问父组件的数据父组件在调用子组件时,绑定想要获取的父组件中的数据,在子组件内部,使用 props 选项声明获取的数据,即接收来自父组件中的数据。在vue中,父子组件的关系可以总结为prop向下传递,事件向上传递。父组件通过prop给子组件下发数据,子组件通过事件给父组件发送信息父组件<template> <div> <div>父组件</div> &l原创 2020-09-18 15:59:10 · 267 阅读 · 0 评论 -
vue+element UI导航栏组件多级菜单侧边栏导航封装功能效果
在开发当中会遇到一些组件的封装,侧边栏导航的封装也是很实用的。下面代码拿走直接用!!!<template> <div> <el-aside width="200px"> <el-menu default-ac原创 2020-09-17 15:34:24 · 2361 阅读 · 0 评论 -
前端面试题总结最新之vue篇
1. 说 说 说什么是 什么是 MVVM?这 MVVM 是 Model-View-ViewModel 的缩写。 MVVM 是一种设计思想。 Model 层代表数据模型,也可以在Model 中定义数据修改和操作的业务逻辑; View 代表 UI 组件,它负责将数据模型转 化成 UI 展现出来, View是一个同步 View 和 Model 的对象在 MVVM 架构下, View 和 Model 之间并没有直接的联系,而是通过ViewModel 进行交互, Model 和 ViewModel 之间的交互原创 2020-09-17 15:23:25 · 443 阅读 · 0 评论 -
vue图片上传组件 图片预览和下载功能
在实际开发中会遇到一些图片上传的问题,避免采坑,拿走直接用<template> <div> <div>导入并预览</div> <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" //上传路径原创 2020-09-16 16:48:34 · 1278 阅读 · 0 评论