VUE
VUE
Ronin-code
这个作者很懒,什么都没留下…
展开
-
vue禁用浏览器返回键
mounted () { // 禁用浏览器返回键 history.pushState(null,null,document.URL); window.addEventListener('popstate',this.disableBrowserBack);},destroyed() { // 清除popstate事件 否则会影响到其他页面 window.removeEventListener("popstate",this.disableBrowserBack,f...转载 2021-07-07 14:08:46 · 1417 阅读 · 0 评论 -
vue -- watermark水印添加方法
作者:蛙哇原文链接:https://segmentfault.com/a/1190000022055867来源:segmentfault前言项目生成公司水印是很普遍的需求,下面是vue项目生产水印的方法。话不多说,复制粘贴就可以马上解决你的需求。步骤1创建watermark.js文件。目录结构/** 水印添加方法 */let setWatermark = (str1, str2) => { let id = '1.23452384164.123412..转载 2021-07-19 18:07:01 · 2689 阅读 · 0 评论 -
vue写倒计时公共组件(传入开始结束时间)
//需要用到倒计时组件的地方传入开始、结束时间戳<home-clock startTime="1256322" endTime="256354"></home-clock>// 完整的dome<template> <div class="meClocker"> <div class="txt-time">{{msg}}</div> <div class="run-time" v-if="timeo.转载 2021-05-21 09:31:18 · 519 阅读 · 0 评论 -
vue监听浏览器返回
监听返回mounted () { if (window.history && window.history.pushState) { // 向历史记录中插入了当前页 history.pushState(null, null, document.URL); window.addEventListener('popstate', this.goBack, false); }},destroyed () { wind转载 2021-01-28 12:03:41 · 1525 阅读 · 0 评论 -
vue中使用axios最详细教程
前提条件:vue-cli 项目安装:npm axios from 'axios'较科学的封装好的axios:(new-axios.js)importaxiosfrom'axios'import{Notify}from'vant';//importVuefrom'vue'//importstorefrom'@/store' // 我此项目没有用到vuex,所以vuex代码的都注释了,需要的自己打开使用//import{ACCESS_TOKEN...转载 2020-08-07 17:29:33 · 7781 阅读 · 3 评论 -
vue使用vantui <van-calendar />按需引入的坑
参考文章:https://www.jianshu.com/p/7b812056cc3b在代码中引入后报错如下:网上大佬解决办法:需要注册组件才能用原创 2020-12-16 17:45:40 · 1730 阅读 · 0 评论 -
vue-移动端双指放大或缩小功能实现
mounted() { // this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行 let that = this; this.$nextTick(() => { let matrix_box = document.querySelector(".build_matrix_box"); let build_matrix = document.querySelector(".build_matrix"); // let .原创 2021-06-29 10:28:05 · 9122 阅读 · 19 评论 -
vue实现移动端靠边可拖动悬浮按钮
<template> <div class="float_button"> <div @click="onBtnClicked" ref="floatButton" class="float_info" :style="{'width': itemWidth + 'px', 'height': itemHeight + 'px', 'left': left .转载 2021-12-28 11:09:10 · 1868 阅读 · 8 评论 -
在vue项目中:统一封装 Axios 接口与异常处理
一、axios的封装在vue项目中,和后台交互获取数据这块,我们通常使用的是axios库,它是基于promise的http库,可运行在浏览器端和node.js中。他有很多优秀的特性,例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。所以我们的尤大大也是果断放弃了对其官方库vue-resource的维护,直接推荐我们使用axios库。安装npm install axios; // 安装axios引入一般我会在项目的src目录中,新建一个request文件夹,然后在里面新转载 2021-07-19 11:26:39 · 5335 阅读 · 2 评论 -
vue数据改变了,但页面数据没有更新
在数据改动的代码后加this.$forceUpdate();原创 2021-05-18 19:23:46 · 1108 阅读 · 0 评论