vue
凑热闹的
这个作者很懒,什么都没留下…
展开
-
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 · 520 阅读 · 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 · 1422 阅读 · 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 · 7408 阅读 · 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 · 332 阅读 · 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 · 7168 阅读 · 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 · 857 阅读 · 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 · 77 阅读 · 0 评论 -
web前端面试题HTML+CSS+CSS3 综合前端面试题知识点附答案
1.Doctype作用?标准模式与兼容模式各有什么区别?(1)、<!DOCTYPE>声明位于位于HTML文档中的第一行,处于 <html> 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。(2)、标准模式的排版 和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。2.行内元素有哪些?块级元素有哪些? 空(void)元素有那些?首先原创 2020-11-02 16:56:18 · 515 阅读 · 0 评论 -
vue 组件传值父子组件之间传值子父组件之间的传值以及兄弟之间组件传值
父子组件间的传值一、子组件访问父组件的数据方式一 :子组件直接访问父组件的数据父组件在调用子组件时,绑定想要获取的父组件中的数据,在子组件内部,使用 props 选项声明获取的数据,即接收来自父组件中的数据。在vue中,父子组件的关系可以总结为prop向下传递,事件向上传递。父组件通过prop给子组件下发数据,子组件通过事件给父组件发送信息父组件<template> <div> <div>父组件</div> &l原创 2020-09-18 15:59:10 · 275 阅读 · 0 评论 -
前端面试题最新的最全的HTML+CSS+CSS3 综合前端面试题知识点
HTML+CSS+CSS3 综合面试题 的 title 和 alt 有什么区别 通常当鼠标滑动到元素上的时候显示 alt 是 的特有属性,是图片内容的等价描述,用于图片无法加载显示、读屏器阅读图片。可提图片高可访问性,除了纯装饰图片外都必须设置有意义的值,搜索引擎会重点分析。html5 有哪些新特性、移除了那些元素? HTML5 现在已经不是 SGML 的子集,主要是关于图像,位置,储,多任务等功能的增加 绘画 canvas 用于媒介回放的 video 和 audio 元素原创 2020-09-03 13:51:59 · 2629 阅读 · 0 评论 -
vue+element UI导航栏组件多级菜单侧边栏导航封装功能效果
在开发当中会遇到一些组件的封装,侧边栏导航的封装也是很实用的。下面代码拿走直接用!!!<template> <div> <el-aside width="200px"> <el-menu default-ac原创 2020-09-17 15:34:24 · 2400 阅读 · 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 · 451 阅读 · 0 评论 -
vue图片上传组件 图片预览和下载功能
在实际开发中会遇到一些图片上传的问题,避免采坑,拿走直接用<template> <div> <div>导入并预览</div> <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" //上传路径原创 2020-09-16 16:48:34 · 1314 阅读 · 0 评论