随笔分类 - vue
摘要：在mounted中加入以下代码即可。 mounted () { this.$nextTick(()=>{ //首页跳转至门诊或者商城返回 IOS不兼容页面自动刷新问题 var u = navigator.userAgent, app = navigator.appVersion; var isAnd
阅读全文
摘要：转发至：https://www.cnblogs.com/nokelong/p/8124513.html 项目开发中在用户由分类页category进入detail需保存用户状态，查阅了Vue官网后，发现vue2.0提供了一个keep-alive组件。 上一篇讲了keep-alive的基本用法，现在说说
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>滑动到指定位置</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, ma
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>vue.draggable例子</title> <meta name="viewport" content="width=device-width, initial-scale
阅读全文
摘要：原因：html的加载顺序； 解析html结构 -> 加载外部脚本和样式表文件 -> 解析并执行脚本代码 -> 构造html dom模型 -> 加载图片等外部文件 -> 页面加载完毕。 所以，当html加载的时候，就会把{{}} 当成文本加载出来，当vue初始化完成后，才会把{{}}解析成vue的语法
阅读全文
摘要：<style lang="scss" scoped> /* 修复input 背景不协调 和光标变色 */ /* Detail see https://github.com/PanJiaChen/vue-element-admin/pull/927 */ //去掉type=number 带上下箭头的问
阅读全文
摘要：在项目根目录下，新建名为 vue.config.js的文件或者找到vue.config.js的文件，添加hot属性即可。 module.exports = { devServer : { hot:true,//自动保存 open : true,//自动启动 port : 8080,//默认端口号 h
阅读全文
摘要：1、vue-element-admin的input的验证残留清除 this.$refs["from"].resetFields(); //移除校验结果并重置字段值 this.$refs["from"].clearValidate(); //移除校验结果 2、在elementUI中有时想触发el-fo
阅读全文
摘要：methods: { keyBtop (){ setTimeout(function(){ document.body.scrollTop = document.body.scrollHeight; },300); }, }
阅读全文
摘要：https://blog.csdn.net/zgrkaka/article/details/100528714 第三种方法是，通过props检验父组件传过去的方法；
阅读全文
摘要：1、 computed: { dateRange () { const { checkindex, docName } = this return { checkindex, docName } } }, 2、 watch: { dateRange (newval,oldval){ console.
阅读全文
摘要：<template> <div class="buyService"> <!-- 图片介绍 --> <section class="docPro"> <div class="docMessage"> <div class="docLeft"> <img :src="docUrl ? docUrl :
阅读全文
摘要：https://www.cnblogs.com/wujiaofen/p/11236176.html 使用： <tr v-for="item in myFeeData"> <td>¥{{item.money | toFixedTwo}}</td> <td>{{item.time | getLocalT
阅读全文
摘要：this.$nextTick(() => { if (this.orderType == 4) { document.title = "购买图文复诊服务"; }else if(this.orderType == 7){ document.title = "购买电话复诊服务"; }else if(th
阅读全文
摘要：1、JSON.stringify(xxx)=='{}' 2、Object.keys(xxx).length==0
阅读全文
摘要：一、样式控制 1、:style 与 :class 三元运算符使用 //style三元表达式 <p :style="{'color': (checkIndex3==m.txt ? '#3d8cff':'#BBBBBB')}">{{m.txt}}</p> <i class="iconfont iconj
阅读全文
摘要：<div class="searchBox"> <form> <i class="iconfont icon-search"></i> <input type="text" v-model.trim="searchKeyword" @keyup.enter.prevent="searchEnterF
阅读全文
摘要：<template> <div class="casehistory"> <jzrlist :isup="isup" :lastOrder="lastOrder" :djs="djs" @getjzrinfo="getjzrinfo"></jzrlist> <div class="classCase
阅读全文
摘要：Vue.js 为了简化这种常见需求，为v-on提供了一个叫Event Modifiers (事件修饰符)的语法糖。vue2共提供了五个事件修饰符： .stop 阻止事件向上冒泡，等价于添加event.stopPropagation() .prevent 阻止元素发生默认的行为，等价于添加event.
阅读全文
摘要：我们在项目开发的过程中，经常会遇到这种情况：为data中的某一个对象添加一个属性， 当我们点击按钮，为student添加一个age属性，看看视图层是否能够更新，但发现视图层并未更新， 由于受JavaScript的限制，vue.js不能监听对象属性的添加和删除，因为在vue组件初始化的过程中，会调用g
阅读全文
浙公网安备 33010602011771号