![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
糊糊笙微
这个作者很懒,什么都没留下…
展开
-
vue组件自动化注册
vue 组件自动化注册原创 2022-09-09 15:47:48 · 580 阅读 · 0 评论 -
将html标签使用正则替换为空
let nodeString = this.$refs.formula.innerHTML; let pattern = /<.*?>/gm; // g 全局搜索 m 多行模式 let formula = nodeString.replace(pattern, '');```原创 2021-12-06 11:19:35 · 542 阅读 · 0 评论 -
可编辑标签 光标
let node = document.createElement('span'); node.setAttribute('class', 'formula-function');node.innerHTML = "插入内容"’;let selection = window.getSelection('#formula');let range = selection.getRangeAt(0);range.insertNode(node);原创 2021-12-04 09:21:27 · 393 阅读 · 1 评论 -
文件下载事例
/**下载文件 用于excel导出@param url@param parameter@returns {*}*/export function downFile(url,parameter){return axios({url: url,params: parameter,method:‘get’ ,responseType: ‘blob’})}/**下载文件@param url 文件路径@param fileName 文件名@param parameter@r原创 2021-09-23 15:43:14 · 103 阅读 · 0 评论 -
vue刷新保留store中的内容
//在页面加载时读取sessionStorage里的状态信息 if (sessionStorage.getItem("store")) { this.$store.replaceState(Object.assign({}, this.$store.state, JSON.parse(sessionStorage.getItem("store")))) } // //在页面刷新时将vuex里的信息保存到sessionStorage里 window.addEventListe原创 2021-08-14 09:06:36 · 828 阅读 · 0 评论 -
vue监听store中的数据
非数组 对象computed:{ haha () { return this.$store.state.msg }},watch:{ haha:function () { //插入需要在仓库数据变化时做的逻辑处理 }}数组对象computed:{ groupFirst(){ return this.$store.state.group[0].id; }},watch: { groupFirst: { handler(newVal, oldVal) {原创 2021-08-12 11:07:42 · 3600 阅读 · 0 评论 -
vue 监听可视区域的高度变化
data(){ height: document.body.clientHeight - 67, timer: false}mounted() { const that = this window.onresize = () => { return (() => { window.screenHeight = document.body.clientHeight that.height = window.screenHeight - 67;原创 2021-08-10 10:20:12 · 2771 阅读 · 0 评论 -
vue 路由监听 watch
一、监听路由从哪儿来到哪儿去watch:{ $route(to,from){ console.log(to.path); }},二、监听路由变化获取新老路由信息watch:{ $route:{ handler(val,oldval){ console.log(val);//新路由信息 console.log(oldval);//老路由信息 }, // 深度观察监听 deep: true原创 2021-07-30 09:41:35 · 2024 阅读 · 0 评论 -
div滚动条事件
div滚动条事件原创 2021-07-27 13:10:05 · 1257 阅读 · 0 评论 -
滚动条距离底部的距离
**<div class=“card_area” @scroll.passive=“getScroll($event)”> //div 样式一定写高度 // 滚动条距离div 底部高度 getScroll(event) {// 滚动条距离底部的距离scrollBottomlet scrollBottom =event.target.scrollHeight -event.target.scrollTop -event.target.clientHeight;if ( sc..原创 2021-07-21 15:33:30 · 1003 阅读 · 0 评论 -
vue css js的引入
vue 引入css样式文件局部引用 script 中引入 import "@/assets/iconFont/iconfont.css"; //@代表src(根目录)目录 style 中引入 @import url('相对路径 /网络路径'); /*相对路径 网络路径*/全局引用 在vue中的src目录下的 main.js 中引入 import "@/assets/iconFont/iconfont.css"; //相对路径(好像不能使用网络路径)vue 引入js文件..原创 2021-03-24 17:26:48 · 361 阅读 · 0 评论 -
vue 拖拽组件github网址
https://github.com/SortableJS/Vue.Draggable原创 2021-07-07 15:38:28 · 151 阅读 · 0 评论