![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue功能
左森
这个作者很懒,什么都没留下…
展开
-
获取input焦点选中
template: <input id="file4" type="number" v-model="Snum" @focus="focusSelect()">data:Snum: 1,methods:focusSelect() { event.currentTarget.select(); },原创 2018-11-29 09:39:07 · 1917 阅读 · 0 评论 -
全选反选
// 改变第一级别时 changeRank1(id) { this.rank1[id].isPitchOn = !this.rank1[id].isPitchOn for (let i = 0; i &lt; this.rank1[id].rank2.length; i++) { ...原创 2019-01-04 16:00:57 · 104 阅读 · 0 评论 -
使用vue-scroller实现上拉加载下拉刷新
template: &amp;amp;amp;amp;lt;scroller class=&amp;amp;amp;quot;page-loadmore-list&amp;amp;amp;quot; :on-infinite=&amp;amp;amp;quot;infinite&amp;amp;amp;quot; :on-refresh=&amp;amp;amp;quot;refresh&原创 2018-12-05 17:19:19 · 2331 阅读 · 0 评论 -
优化动态处理缓存
通过动态的改变keep-alive 动态处理缓存原创 2019-01-08 19:22:15 · 104 阅读 · 1 评论 -
懒人上拉下拉
&amp;lt;template&amp;gt; &amp;lt;div class=&quot;content&quot;&amp;gt; &amp;lt;div class=&quot;infoContent&quot; ref=&quot;infoContent&quot;&amp;g原创 2019-01-21 14:46:29 · 149 阅读 · 0 评论 -
js回到顶部
scrollTop() { var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop; var setI = setInterval(() => { ...原创 2019-01-23 13:24:13 · 371 阅读 · 0 评论 -
vue监听滚动事件
mounted() { this.$nextTick(() => { // 添加滚动事件 window.addEventListener('scroll', this.scrollWindow) }) }, methods() { sc...原创 2019-02-15 14:57:08 · 318 阅读 · 0 评论 -
vue控制焦点获取
********注意根据不同情况可能要加上定时器 <input ref="input" type="password" v-model="psd" placeholder="请输入交易密码">this.$refs.input.focus()原创 2019-02-28 11:12:21 · 2047 阅读 · 0 评论 -
vue通过filters改变手机号格式
filters: { changePhone(value) { var len = value.length; var x = value.substring(3, len - 4); var values = value.replace(x, "****"); return values; } },<p>{{...原创 2019-03-20 17:06:49 · 1360 阅读 · 1 评论 -
watch控制input输入长度
<input type="text" v-model="name"> watch: { name(curVal, oldVal) { if (curVal.length > 10) { this.name = String(curVal).slice(0, this.name); } } },原创 2019-03-28 14:30:47 · 366 阅读 · 0 评论 -
vue简单实现滑动到底部加载更多
思路:如果可视区的高度域dom元素的getBoundingClientRect().bottom高度相同说明已经到了底部,可以实现加载了template:<template> <div class="content"> <div class="logo"> <div> ...原创 2018-12-24 15:14:37 · 16095 阅读 · 1 评论 -
与Android交互,上传图片
调用Android的方法,弹出图片选择器$App.toShowCamera(this.a1, type)拿到Android返回的本地src显示在h5页面中,但是要约定一个相同的key才能保证完全显示&lt;img :src="'http://androidimg' + item" alt="承包合同" @click.stop="clickR()" v-p原创 2018-12-29 16:02:56 · 109 阅读 · 0 评论 -
vue路由跳转后回到视图顶部
app.vue: mounted() { this.$router.afterEach((to, from, next) =&gt; { window.scrollTo(0, 0) }) },原创 2018-12-11 20:54:04 · 2652 阅读 · 0 评论 -
vue异步加载问题
created:{ getNab() getServer()}getNab(),getServer() 是异步加载的如果getServer()中使用了getNab()里的数据可能回报undefined的错误拿不到数据原创 2018-11-30 13:26:21 · 516 阅读 · 0 评论 -
tab横向滚动
方法使用:import BScroll from 'better-scroll';引入 import BScroll from ‘better-scroll’; 横向滑动html 一共有三层例:&amp;lt;div ref=&quot;tab&quot; class=&quot;tab&quot;&amp;gt; &amp;lt;ul c转载 2018-11-30 13:22:11 · 805 阅读 · 0 评论 -
vue实现筛选功能
template:<template> <div class=""> <input type="text" v-model="str"> <ul> <li v-for="(item,$index) in list2" :key="原创 2018-12-05 09:38:27 · 14486 阅读 · 0 评论 -
mintUI Popup的使用
引入:import { Popup } from 'mint-ui';使用:template&lt;mt-popup v-model="popupVisible" position="bottom"&gt; &lt;div&gt;&lt;/div&gt;&lt;/mt-popup&gt;原创 2018-12-13 09:56:47 · 10313 阅读 · 1 评论 -
vue-router区分模块
src/router/indeximport Vue from 'vue'import Router from 'vue-router'import HelloWorld from '@/components/HelloWorld'import home from './home.js'import login from './login.js'Vue.use(Router)ex...原创 2018-12-13 10:48:15 · 572 阅读 · 0 评论 -
vue tab高亮排它
<template> <div class="demo"> <div v-for="item in 10" :key="item" :class="{active: active == item}" @click="set(item)">{{item}}</div>原创 2018-12-06 14:57:57 · 432 阅读 · 0 评论 -
vue小逻辑
功能: 筛选思路: 通过watch监听筛选数据变化更改this.serverbug: 因为数据加载时筛选变量在data中为空,要给他赋值,但是一赋值watch就监听到了,所以我们通过中间变量做第一次进入页面不重载server的数据...原创 2018-12-10 17:34:36 · 116 阅读 · 0 评论 -
vue-scroller的简单使用
&lt;template&gt; &lt;div class="content"&gt; &lt;div class="infoTop"&gt; &lt;ul&gt; &lt;li v-for=&qu原创 2018-12-29 10:36:27 · 772 阅读 · 0 评论 -
vue父子组件数据双向绑定
父组件 <keyword v-bind:demo.sync="demo" ></keyword>子组件 this.$emit("update:demo", xxxxxxxx)原创 2019-09-09 14:07:26 · 276 阅读 · 0 评论