logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue 无感刷新页面

共三种方法1.原始方法:location.reload();2.vue自带的路由跳转:this.$router.go(0);用过的人都知道,前两者都是强制刷新页面,会出现短暂的闪烁,用户体验效果不好。所以,我们选择第三种方式:3. 首先在App里面写下如下代码:<template><div id="app"><router-view v-if="isRouterAli

vue element rlues验证 页面初始化触发的bug

this.$refs['formInfo'].clearValidate();在created 钩子函数里formInfo就是当前form的名字

VUE获取屏幕高度

1.HTML2.JSdata() {return {clientHeight: '',}},mounted() {// 获取浏览器可视区域高度this.clientHeight = `${document.documentElement.clientHeight}`//document.body.clientWidth;//console.log(self.cli

vue 或 uniapp 点击图片或图标180度翻转

<style lang="css" scoped>.aa{transition: all 2s;}.go{transform:rotate(-180deg);transition: all 2s;}</style><template><div><i :class="[rotate?'go':'aa']" @click="start">&l

vue 打电话

<a :href="'tel:' + 110">联系商家</ a>搞定

vue 移动端调试神器

移动端调试神器 把下面的代码放在index.html 就行<script src="http://wechatfe.github.io/vconsole/lib/vconsole.min.js?v=3.2.0"></script><script>var vConsole = new VConsole();</scr...

css white-space属性详解

css white-space属性详解

#css#前端#css3
uniapp 上传名片或者图片base64图片视图不更新

uniapp 上传名片或者图片base64图片视图不更新

文章图片
#uni-app#vue.js#前端
uniapp 或 vue 封装公共方法

项目中,如果频繁用到某些方法的时候,我们肯定要去想到封装,不然代码冗余,看上去非常不美观,下面,我简单封装个例子,希望大家都能主动去封装自己常用的方法1.我一般喜欢把封装的js文件放在utils静态文件夹下 如图:2.举个例子 我封装手机号码的验证格式//校验手机格式function checkMobile(mobile) {return RegExp(/^1[34578]\d{9}$/).tes

uniapp 禁止动态禁止页面上下滚动

现在有个需求是在当前页面添加可拖拽的悬浮球,但是页面长度太长,当拖拽的时候,球和页面一起滚动,很是苦恼,但是当页面没有滚动条的时候悬浮球是正常的,所以判断是页面太长,悬浮球计算了整个页面的高度来计算激动的,而不是可视区域,所以,有个思路,当手指触屏的时候把页面锁死,手指离开屏幕的时候解除限制,这样悬浮球可自行移动,页面不滚动,完美解决,废话不多说上代码。...

#前端#javascript#html
    共 18 条
  • 1
  • 2
  • 请选择