qq719756146的博客

父组件 <keyword v-bind:demo.sync="demo" ></keyword>子组件 this.$emit("update:demo", xxxxxxxx)

changeInt(msg) { // 判断是否为正整数 console.log(msg); var reg = /^[1-9]\d*$/; console.log(reg.test(msg)); },&lt;input type="numbe...

在App.vue文件中配置 &lt;keep-alive&gt; &lt;router-view v-if="$route.meta.keepAlive"&gt;&lt;/router-view&gt; &lt;/keep-alive&gt; &lt;router-view v-if="!$route.meta.keepAlive"&gt;&lt

// zhumingpeng// 判断当前浏览器环境是否支持webp，如果支持自动切换webp图片，否则使用原来的图片window.supportsWebP = (function () { var canvas = typeof document === 'object' ? document.createElement('canvas') : {} canvas.width...

beforeRouteEnter // this拿不到进入组件之前beforeRouteUpdate (2.2 新增)离开组件之后beforeRouteLeave该组件被复用时调用 beforeRouteEnter(to, from, next) { next(vm =&gt; { vm.$s...

思路:如果可视区的高度域dom元素的getBoundingClientRect().bottom高度相同说明已经到了底部,可以实现加载了template:&lt;template&gt; &lt;div class="content"&gt; &lt;div class="logo"&gt; &lt;div&gt; ...

&amp;lt;template&amp;gt; &amp;lt;div class=&quot;content&quot;&amp;gt; &amp;lt;div class=&quot;infoTop&quot;&amp;gt; &amp;lt;ul&amp;gt; &amp;lt;li v-for=&qu

年月日,时分秒moment(value).format('YYYY-MM-DD HH:mm:ss');

功能: 筛选思路: 通过watch监听筛选数据变化更改this.serverbug: 因为数据加载时筛选变量在data中为空,要给他赋值,但是一赋值watch就监听到了,所以我们通过中间变量做第一次进入页面不重载server的数据...

src/filters/index.js// 引入时间格式化插件import moment form moment const vFilter = { dateF(value) { return moment(value).format("YYYY-MM-DD HH:mm:ss") }export default vFilter;src/main.jsimport vf...

思路: 拿到dom,遍历加样式template:&lt;div v-html="info.pDescDetails" class="shoppingInfo"&gt;&lt;/div&gt;mounted:let img = document.querySelectorAll(".shoppingInfo img")console.log(img);for (let i = 0; i...

template: &amp;lt;div :class=&quot;{borBm: activeCol == 5,region:true}&quot;&amp;gt; &amp;lt;span&amp;gt;收货地址：&amp;lt;/span&amp;gt; &amp;lt;div @click=&quot;regionShow()

https://blog.youkuaiyun.com/lhb_11/article/details/79455015

参考:https://blog.youkuaiyun.com/CheckMate_Room/article/details/82835599https://blog.youkuaiyun.com/li420520/article/details/83509127https://blog.youkuaiyun.com/vipinchan/article/details/80851418

app内嵌vue; https://www.jianshu.com/p/92fdaf0a8a9f

// scrollTo(x:Integer, y:Integer, animate:Boolean) scroll to a position in scroller contentlet scroller = this.$refs.refScroller // scroller的refscroller.scrollTo(0, 0, true)

访问根实例// 小项目使用,中大型项目建议使用vuex管理状态// Vue 根实例new Vue({ data: { foo: 1 }, computed: { bar: function () { /* ... */ } }, methods: { baz: function () { /* ... */ } }})// 获取根组件...

scrollBehavior(to, form, savedPosition) { if (savedPosition) { return savedPosition } else { return {x: 0, y: 0} } }

beforeRouteEnter (to, from, next) { next( vm => { if(to.path == "/expense-account/accountant-details"){ vm.audit = 1 } if(to.path == "/expense-account/fund-details"){ vm.audit...

appSource() { const u = navigator.userAgent; const isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); if (isiOS) { return "ios"; } else { return "andriod"; } },

工作实例// 错误 for (const i of this.serverList) { i.opt = 0; }// 成功 for (const i of this.serverList) { this.$set(i, "opt", 0) }官方文档受现代 JavaScript 的限制 (而且 Object.observe 也已经被...

父组件<template> <div id="app"> <children> <div slot="slot1">标题</div> <div slot="slot2"><input type="text"></div> <button slot=...

<input type="text" v-model="name"> watch: { name(curVal, oldVal) { if (curVal.length > 10) { this.name = String(curVal).slice(0, this.name); } } },

filters: { changePhone(value) { var len = value.length; var x = value.substring(3, len - 4); var values = value.replace(x, "****"); return values; } },<p>{{...

转载： https://www.cnblogs.com/s313139232/p/9341762.htmlvue之vue-cookiesnpm链接：https://www.npmjs.com/package/vue-cookies安装：npm install vue-cookies --save使用：import Vue from 'Vue'import VueCookies ...

转载 https://www.cnblogs.com/XCWebLTE/p/9546756.htmlVue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：通过&nbsp;@vue/cli&nbsp;搭建交互式的项目脚手架。通过&nbsp;@vue/cli&nbsp;+&nbsp;@vue/cli-service-global&nbsp;快速开始零配置原型开发。一个运行...

思路如果不能点击就 return false例: submit() { // 点击事件 if (this.condition) { // 屏蔽 return false }else { ...

直接判断不等于null就ok了&lt;i class="sign" v-show="item.tmType == null ? item.tmType : item.tmType.split(',').indexOf('0') != -1"&gt;种&lt;/i&gt;

&lt;template&gt; &lt;div class="content"&gt; &lt;div class="infoContent" ref="infoContent"&gt; &lt;scroller :on-infinite="infinite" :on-refresh="refresh"

********注意根据不同情况可能要加上定时器 &lt;input ref="input" type="password" v-model="psd" placeholder="请输入交易密码"&gt;this.$refs.input.focus()

mounted() { this.$nextTick(() =&gt; { // 添加滚动事件 window.addEventListener('scroll', this.scrollWindow) }) }, methods() { sc...

var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop; setTimeout(() =&gt; { let msg = this.msg; ...

安装cnpm i vconsolesrc/main.js引用import Vconsole from 'vconsole';const vConsole = new Vconsole();Vue.use(vConsole)ojbk

思路:主要是通过better-scroll的scrollToElement()方法来实现的import BScroll from 'better-scroll';template: &lt;div class="tab" ref="tab"&gt; &lt;ul ref="tabWrapper" class="ultab"&gt;

mountedmounted() { this.$nextTick(()=&gt; { // 你的操作 XXXXX })}

src/main.js//按需导入elementimport './config/element';src/config/element.jsimport Vue from 'vue'import { Button, Select } from 'element-ui';Vue.use(Button)Vue.use(Select)

vue导入 — https://www.jb51.net/article/143051.htm

cnpm i element-ui -Dcnpm install babel-plugin-component -Dmain.jsimport { Button, Select } from 'element-ui';Vue.use(Button)Vue.use(Select).babelrc{ &quot;presets&quot;: [ [ &quot;env&quot;, {...

this.$router.push({ path: &amp;amp;quot;/login&amp;amp;quot;, //传值 query: { id: this.id }});//接收this.$route.query.id

保证手机和电脑在同一局域网下修改config文件下的index.js // Various Dev Server settings host: '192.168.1.14', // can be overwritten by process.env.HOST // host: 'localhost', // can be overwritten by process...