VUE
Vue学习笔记
weixin_45685394
这个作者很懒,什么都没留下…
展开
-
配置vite
【代码】配置vite。原创 2023-02-10 14:40:53 · 191 阅读 · 0 评论 -
Vue 安装报错或则安装不上
npm 安装问题原创 2022-11-28 10:19:15 · 580 阅读 · 0 评论 -
vue 动态引入组件方法
vue原创 2022-10-12 15:46:16 · 327 阅读 · 0 评论 -
element for vue封装下拉搜索组件
组件AutomaticCompletion.vue内容<template> <div class="AutoCompleteInput"> <el-input v-popover:popover v-model.trim="name" @focus="focusQueryName" @input="changeQueryName" :placeholder="placeholder" @blur="blurQueryName" clearable @c原创 2022-03-22 17:17:11 · 819 阅读 · 0 评论 -
element 手动上传文件
element 手动上传文件html部分<el-upload class="upload-demo" action="#" accept="image/png,image/gif,image/jpg,image/jpeg" :show-file-list="false" :http-request="AvatarUpload"> <el-button size="mini" icon="el-icon-upload2">修改头像</el-button>原创 2021-06-11 09:40:24 · 156 阅读 · 0 评论 -
动态设置日期选择器禁用问题
动态设置日期选择器禁用问题1.页面代码<DatePicker type="daterange" :options="forbidDate" v-model="defauledate" "placeholder="时间筛选></DatePicker>2.data定义代码data(){ return{ defauledate:'', month:'' }}3.受用computed设置forbidDateforbidDate(){ let _this = t原创 2021-04-29 14:30:25 · 209 阅读 · 0 评论 -
vue应用svg字体
一、安装svg加载插件: npm i svg-sprite-loader -D二、定义svg组件<template> <svg class="svg-icon" aria-hidden="true"> <use :xlink:href="iconName"></use> </svg></template><script> export default { name: 'icon-svg'原创 2020-06-18 09:34:31 · 332 阅读 · 0 评论 -
流文件下载
设置头部文件{responseType:‘blob’}获取请求文件流 const blob = new Blob([data]); const fileName = 'Excel.xls'; const linkNode = document.createElement('a'); ...原创 2019-12-10 10:14:45 · 281 阅读 · 0 评论 -
如何复制一个对象 Object.assign
this.newForm = Object.assign({}, res)原创 2019-11-29 08:55:31 · 210 阅读 · 0 评论 -
VUE中下载图片并可在IE浏览器中下载
downloadFile(res){ let imgUrl='data:image/jpg;base64,'+ btoa(new Uint8Array(res).reduce((data, byte) => data + String.fromCharCode(byte), '')); //window.navigator.msSaveOrOpenBlob...原创 2019-11-29 08:50:20 · 1101 阅读 · 0 评论 -
VUE 去除url中的#
将路由的模式mode:historyexport default new Router({ mode:'history', routes: [ { path: '/', name: 'index', component: Index } ]})原创 2019-11-18 09:49:16 · 111 阅读 · 0 评论 -
VUE+ELement可以预览删除的单图上传(子组件给父组件传值$emit)
1.在文件下新建一个components/UploadImg组件<template> <el-upload :action="UploadImgUrl" :disabled="disabled" :headers="headerstoken" :on-success="successfile" :show-file-list="false" accept="imag...原创 2019-11-13 14:26:34 · 299 阅读 · 0 评论 -
vue+element table 第一行默认高亮
1.给table设置ref=‘multipleTable’2.给multipleTable设置默认值multipleTable=[]3.在获取数据的位置加上this.$refs.multipleTable.setCurrentRow(this.info,true);即可原创 2019-09-29 10:32:44 · 3955 阅读 · 0 评论 -
VUE keep-alive 缓存使用
propinclude: 字符串或正则表达式。只有匹配的组件会被缓存。exclude: 字符串或正则表达式。任何匹配的组件都不会被缓存相关学习链接:https://www.cnblogs.com/ljx20180807/p/9810480.html...原创 2019-09-25 10:05:00 · 81 阅读 · 0 评论 -
Vue 中使用post传值,将序列化转换为json传值
安装npm i qs 按需引用即可import qs from 'qs'使用let comments = {content: this.inputValue}let comValue = qs.stringify(comments)原创 2019-09-23 10:57:00 · 1358 阅读 · 0 评论 -
VUE使用screenfull全屏
安装npm install --save screenfull在需要的页面引用import screenfull from 'screenfull'全屏使用<template> <span @click='clickFullscreen'>全屏</span></template>...原创 2019-09-19 16:20:00 · 534 阅读 · 0 评论 -
VUE使用svg字体图标
vue使用字体图标svg,在src下新建目录icons文件,再在icons文件下新建svg文件,在阿里ico中将字体的svg图片下载下来即可:例如from.svg在组件中新建icon-svg.vue组件<template> <svg class="svg-icon" aria-hidden="true"> <use :xlink:...原创 2019-09-19 15:04:00 · 241 阅读 · 0 评论 -
VUE预览PDF
安装pdfnpm install --save vue-pdf 在需要使用的页面引用<template> <div> <pdf ref="pdf" :src="pdfUrl" style="width: 100%;"></pdf> </div></template>...原创 2019-09-19 09:28:00 · 1055 阅读 · 0 评论 -
更改VUE文件打包后静态文件路径
找到文件路径Config里面的index.js修改路径:assetsPublicPath: '/aa/',修改成自己文件访问的路径即可useEslint 有相关报错把值改为false就行了不想产生map的js文件productionSourceMap 把这个值改为false即可...原创 2019-09-18 15:32:00 · 999 阅读 · 0 评论 -
VUE的初步安装
Wepack的安装npm install --save-dev webpack VUE安装npm install vue vue-cli -g 创建一个基于webpack的项目vue init webpack my-project 前两部全局安装过,之后再新建项目直接执行第三步既可以了...原创 2019-09-10 15:52:00 · 75 阅读 · 0 评论