VUE
guan-qing
这个作者很懒,什么都没留下…
展开
-
vue引入tinymce被拦截
vue使用TinyMCE是unpkg.com被拦截原创 2022-10-31 21:42:19 · 1086 阅读 · 0 评论 -
vue+element_ui中使用富文本编辑器
富文本编辑器中实现功能:基本文本格式、上传图片、上传视频、链接等。安装富文本编辑器cnpm install --save vue-quill-editor引入富文本编辑器import QuillEditor from 'vue-quill-editor'Vue.use(QuillEditor)注:可以放到main.js中全局引用,也可以放到对应页面中。使用自定义一个...原创 2020-05-02 17:39:31 · 1697 阅读 · 0 评论 -
前后端分离时,response.header跨域传值问题
问题:在前后端分离的项目中,后端通过response.header向前端传自定义数据,前端无法从header中获取。原因:默认跨域情况下,浏览器中response的header只返回:Cache-ControlContent-LanguageContent-TypeExpiresLast-ModifiedPragma解决方法:方法一: 在后端配置。reponse的...原创 2020-05-02 17:04:11 · 2370 阅读 · 1 评论 -
vue+element_ui中使用富文本编辑器编辑完成的文本,显示时样式不生效解决办法
问题:vue+element_ui中使用富文本编辑器编辑保存的文本,保存的文本中除了内容还有样式。在富文本编辑器中显示正常,在其他元素中展示时,发现样式不生效。原因:文本中保存的样式需要父类样式 ql-editor解决方法:在父类元素添加样式 ql-editor<div class="ql-editor content-detail" v-html="knowle...原创 2020-05-02 16:52:09 · 5813 阅读 · 3 评论 -
vue+element_ui中输入字符串,每隔13位加一个空格
需求:输入字符串,每输入13位,自动添加一个空格。(例如输入银行卡号)实现思路:使用el-input组件的input事件,当输入值改变时进行添加空格处理,然后再赋给双向绑定值。代码:el-input组件<el-input v-model="data" maxlength="41" @input="handleChange" placeholder="请输入字符串"/>...原创 2020-05-02 16:39:55 · 1585 阅读 · 2 评论 -
vue+element_ui纯前端下载csv文件
纯前端实现csv格式文件下载,也可以从后端获取数据来实现。<template> <div> <el-button type="mini" @click="handleDownload()">下载</el-button> </div></template><script>export def...原创 2019-09-07 12:42:33 · 3026 阅读 · 3 评论 -
vue+element_ui建表,动态渲染表头、提供手动输入、动态校验
需求:根据后端数据,动态渲染表头;根据表头类型,动态提供相应的输入;根据表头类型,实现动态校验,校验条件也来自后端;实现单个和批量数据上传总之,所有的数据都来自于后端,前端各种动态处理。<template> <div> <el-button icon="el-icon-circle-plus" @click="addLine">添加行<...原创 2019-09-07 13:48:32 · 589 阅读 · 0 评论 -
vue+element_ui上传文件,并传递额外参数
需求:文件大小验证文件类型验证额外参数传输<template> <el-upload class="upload-demo" action :limit="1" :file-list="formFileList" :http-request="handleUploadForm" :on-exceed="formHandleExceed" :on-remove="fo...原创 2019-09-07 14:08:28 · 18000 阅读 · 2 评论 -
运行vue项目时端口号不固定(随机),指定端口无效
记一次异常处理。原因:portfinder新发布的版本异常解决方法:项目目录执行下面命令:npm install [email protected]原创 2019-09-07 14:13:59 · 794 阅读 · 1 评论