
vue
「已注销」
这个作者很懒,什么都没留下…
展开
-
修改el-table-column单独的样式
<template> <el-table :data="tableData" border style="width: 100%" :cell-style="setCellStyle" :header-cell-style="{ textAlign: 'center' }" > <el-table-column prop="date" label="日期" width="180"> </el-table-col原创 2021-08-17 22:10:33 · 4792 阅读 · 0 评论 -
vue实现二进制流文件导出excel
问了一下其他的后端,他们公司前端是a标签,后端是给了一个地址,a标签或者window.open()都可以实现。我们公司是后端返回的二进制流文件,实现了一下,亲测可以,没有问题前端代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">原创 2021-08-16 00:15:39 · 665 阅读 · 1 评论 -
vue3报错Failed to parse source for import analysis because the content contains invalid JS syntax.
输入这个命令npm create @vitejs/app my-vue-app --template vue2.在vite.config.js中配置原创 2021-07-23 01:51:04 · 6110 阅读 · 0 评论 -
vue3搭建webpack
后台框架用的是element-ui一、创建项目1.1 创建项目vue creat 项目名2.1 配置选择选择的是Babel/ts/router/vuex/css预处理器/格式检查原创 2021-07-23 00:17:59 · 817 阅读 · 0 评论 -
vue2.0使用vue-video-player实现直播
一、视频直播的协议视频直播服务支持输出RTMP、FLV、HLS、ARTC四种协议RTMP(Real Time Messaging Protocol,实时消息传送协议)是Adobe公司为Flash播放器和服务器之间音频、视频和数据传输开发的开放协议。RTMP协议比较全能,既可以用来推送,又可以用来直播。其核心理念是将大块的视频帧和音频帧“剁碎”,然后以小数据包的形式在互联网上进行传输,且支持加密,因此隐私性相对比较理想,但拆包组包的过程比较复杂,所以在海量并发时容易出现一些不可预期的稳定性问题。HL原创 2021-07-21 22:24:42 · 9559 阅读 · 3 评论 -
vue使用echarts实现双柱状图和双y轴的柱状图
1.引入cnpm i echarts -S2.main.js中引入import echarts from 'echarts'Vue.prototype.$echarts = echarts3.echarts.vue文件中实现多个柱形图就用series双y轴就用yAxis多放一个参数<template> <div class="MonthsCon"> <div id="MonthsConChart" style=" height: 230px"原创 2021-07-21 20:25:40 · 2119 阅读 · 0 评论 -
微信公众号网页授权
一句话总结就是和腾讯换code给后端再换用户非静默登录和静默登录的区别静默授权不需要用户确认,只需要用户访问某个网页,属于嵌套在普通网页里的授权形式,但是只能获取到用户的唯一标示openid,无法获取用户的个人信息,用户无感知非静默授权,可以获取得到用户的信息这里实现的是非静默登录1. 把自己的地址内网穿透出去,这里用的是免费内网穿透网站https://natapp.cn/2.在公众号测试号里把回调地址改了这些是后端配置的测试环境下回调地址写内网穿透的地址,正式环境就写服务器的地址原创 2021-07-17 02:00:34 · 290 阅读 · 0 评论 -
vue3适配移动端
下载lib-flexible这个的意思就是:根据屏幕宽度的变化从而自动设置html根节点下的font-size大小cnpm i lib-flexible -Smain.js中引入import 'lib-flexible'下载px2rem-loader这个的意思是:将px转为rem在项目根目录新建文件vue.config.js,加入以下配置module.exports = { css: { loaderOptions: { css.原创 2021-07-17 01:05:09 · 711 阅读 · 0 评论 -
使用 vite 搭建vue3项目
安装vitecnpm i -g create-vite-app使用vite创建项目create-vite-app 项目名运行指令就Ok了 cd project npm install (or `yarn`) npm run dev (or `yarn dev`)原创 2021-07-16 00:16:33 · 275 阅读 · 0 评论 -
vue3双向绑定实现原理
一、vue3为什么要用proxy实现双向绑定?1.object.defineProperty的缺点:因为es5的object.defineProperty无法监听对象属性的删除和添加不能监听数组的变化,除了push/pop/shift/unshift/splice/spObject.definert/reverse,其他都不行Object.defineProperty只能遍历对象属性直接修改(需要深拷贝进行修改)2.proxy的优点:>1、直接监听对象而非属性>2、直接监听数组原创 2021-07-15 23:03:25 · 10301 阅读 · 2 评论 -
element-ui实现导入导出
GifCam中文安装包链接:https://pan.baidu.com/s/1tiIb1EMyZt00JCcP8-kt4Q提取码:mjv7原创 2021-07-14 23:21:35 · 1392 阅读 · 0 评论 -
2022前端面试总结及答案(不定期更新)
前端vue篇1. vue生命周期?vue生命周期分为八个阶段:创建前后,挂载前后,更新前后,销毁前后beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestroydestroyed2. vuex是什么?怎么用?有哪些属性?针对vue.js框架实现的状态管理系统使用Vuex要引入store并注入Vue.js组件中,在组件内部通过$store访问store对象有五种,分别是state,getter,mu原创 2021-07-13 21:37:44 · 9830 阅读 · 1 评论 -
vue3更新的内容
简单记录一下vue3.x版本更新的内容一、vue2.x和3.x生命周期对比Vue2.x的生命周期Vue3.x的生命周期beforeCreatesetup()createdsetup()beforeMountonbeforeMountmountedonMountedbeforeUpdateonBeforeUpdateupdatedonUpdatedbeforeDestroyonBeforeUnmountdestroyedonUn原创 2021-07-13 20:13:37 · 4614 阅读 · 1 评论 -
vue动态添加类名className和样式style
active 写css样式data 中activeIndex =0组件上添加:class=’[activeIndex ==index : ‘active’? ‘’]’原创 2021-07-12 22:28:14 · 1514 阅读 · 0 评论 -
Vuex +拆分模块 + 数据持久化(防止页面刷新数据丢失)
一、什么是vuex?是为vue.js设计的集中式状态管理框架,vuex应用的核心就是store(仓库)。"store"本来就是一个仓库,它包含应用中大部分的状态(state),简单来说就是组件共享data中需要共同的属性。store本身就是一个对象,vue有且只有这一个对象。vuex和单纯的全局对象有以下两点不同:1.vuex的状态存储是响应式的。2.不能直接改变store中的状态,改变store中的状态的唯一途径就是显示的提交((commit)mutation。二、vuex五个核心属性:s原创 2020-10-25 01:56:05 · 1499 阅读 · 0 评论 -
Expected 'v-bind:key' directives to use the viriables报错
模板不使用eslint-pluqin-vue验证stemplate>中的vue-html在使用vscode开发的时候,出现报错:Expected ‘v-bind:key’ directives to use the viriables which are defined by the ‘v-for’ directive.如图显示因为是安装了ESlint插件,对vue进行了eslint...原创 2019-11-26 18:44:03 · 3440 阅读 · 0 评论