![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
zisuu
这个作者很懒,什么都没留下…
展开
-
vue中使用富文本编译器vue-quill-editor 实现自定义图片,音频,视频上传
需求传统的富文本编译器会把图片变成base64,视频是地址引用,但是现在想把图片或者视频先上传到服务器,返回地址后插入到富文本,最后用v-html即可将图片/视频内容显示出来结果展示:一 先安装依赖cnpm install vue-quill-editor -Scnpm install quill -S二 页面中引入import { quillEditor, Quill } from "vue-quill-editor";import "quill/dist/quill.core.原创 2020-05-08 20:57:26 · 1113 阅读 · 2 评论 -
在vue项目中导入导出excel
一 CNPMnpm install -S file-saver xlsxnpm install -D script-loader二 创建两个js文件在src目录下创建一个vendor文件夹:文件名:(Blob.js)(Export2Execl.js)其中,Blob.js:/* Blob.js * A Blob, File, FileReader & URL implementation. * 2019-04-19 * * By Eli Grey, http://elig原创 2020-05-08 20:34:37 · 329 阅读 · 0 评论 -
vue监听页面滚动
注意:父元素不要添加overflow:auto属性,否则scrollTop一直为0export default { methods: { change() { let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop; ...原创 2020-04-28 17:49:52 · 175 阅读 · 0 评论 -
vuex中发起axios请求
一引入vuexcnpm install vuex新建store/store.js和store/teacher.js二 teacher.js如下:import axios from 'axios'const Teacher ={ state:{ noticeList:[], }, mutations:{ getNoticeList...原创 2020-04-23 16:52:19 · 301 阅读 · 0 评论 -
vue页面之间相互传值的两种方法
一使用params传值这种方式不会在地址栏显示,且能搭配第二种方式使用 this.$router.push({ path: "/result", name: "Result", query: { name: 'name' }, params: { users: 'userlist' } ...原创 2020-04-21 21:07:27 · 2834 阅读 · 0 评论 -
在线教育项目1--使用element-ui配合springboot oss上传文件/视频到阿里云oss
1前端代码:<template> <div class="newWorkForm"> <!--新增通知对话框--> <el-dialog title="新增作业" :before-close="handleClose" :visible.sync="dialogVisible" ...原创 2020-04-21 20:12:01 · 468 阅读 · 0 评论