js
浪里白条那片海
这个人很懒
展开
-
Upload prop校验
解决办法:this.$refs.ruleForm.clearValidate("region"),在upload上传成功的回调里取消验证提示<el-form :model="ruleForm" :rules="rules" ref="ruleForm"> <el-form-item label="活动区域" prop="region"> <el-select v-model="ruleForm.region" placeholder="请选择原创 2021-09-08 18:02:04 · 500 阅读 · 0 评论 -
el-input-number直接在输入框输入内容v-model的值不会跟着改变 问题
有一个需求就是,只能输入一个大于0并且是0.5的倍数两位小数,使用elemnt ui 的inputNumer控件,但是使用的时候添加了属性step和precision两个属性,问题就来了,输入了一个小数值,在判断是否是0.5的倍数时,修改值v-mode得不到更新于是乎 解决办法:<el-input-number @change="priceChange(dataForm.price)" v-model="dataForm.price" :step='0.5'原创 2021-07-16 15:15:52 · 2718 阅读 · 0 评论 -
关闭浏览器窗口时或者刷新时提示保存
listenPage () { window.onbeforeunload = function (e) { e = e || window.event; if (e) { e.returnValue = '关闭提示'; } return '关闭提示'; .原创 2021-07-08 19:47:55 · 1138 阅读 · 0 评论 -
网络是否连接
window.online用户网络连接时被调用 window.offline用户网络断开时被调用 // 监听当前设备在线 window.addEventListener('online', function () { // alert('online'); $('.tips').text('网络已连接').fadeIn...原创 2021-07-08 19:44:44 · 109 阅读 · 0 评论 -
公共js文件return一个方法写法
公共js:export const disableBrowserBack = (param) => { return (function () { history.pushState(null, null, document.URL); if (window.history && window.history.pushState...原创 2021-07-08 19:43:57 · 255 阅读 · 0 评论 -
Vue.js中this.$nextTick()的使用
this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它,然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样,不同的是回调的 this 自动绑定到调用它的实例上。假设我们更改了某个dom元素内部的文本,而这时候我们想直接打印出这个被改变后的文本是需要dom更新之后才会实现的,也就好比我们将打印输出的代码放在setTimeout(fn, 0)中;先来第一个例子看一看<template> <section>原创 2021-03-10 14:11:47 · 301 阅读 · 0 评论 -
小程序wxml里面的时间格式化
新建一个filter.wxs 文件,放到utils文件夹下。复制下面代码喽//日期格式化-------------------------------------------------------------var formatTime = function (strDate, format = "yyyy-MM-dd hh:mm:ss") { // 解决ios出现NaN问题 var realDate = strDate ? getDate(strDate.replace(getRegE原创 2021-03-03 20:41:41 · 1191 阅读 · 1 评论 -
vue、小程序、JS获取路径的方式
vue获取路径获取当前完整路径 :window.location.href获取路由路径:this.$route.path获取路由参数:this.$route.params获取路由查询参数:this.$route.query小程序获取路径//获取当前路径varpages=getCurrentPages() //加载的页面varcurrentPage=pages[pages.length-1] //获取当前页面的对象...原创 2021-03-03 14:36:18 · 947 阅读 · 2 评论 -
微信小程序的setData对象的数据更新问题
官网文档在使用setData()设置数组对象的某个元素的属性时,是这么使用的:Page({ data: { array: [{text: 'init data'}], }, changeItemInArray: function() { this.setData({ 'array[0].text':'changed data' }) }})使用了 ‘array[0].text’ : ‘changed data’ 这样的值。但在实际使用中,我们原创 2021-03-03 09:48:26 · 1766 阅读 · 0 评论 -
微信小程序实现对象属性双向数据绑定
核心方法写一个下面的js方法,名称可以任意取,用于绑定input输入bindInput(e){ // 表单双向数据绑定 var that = this; var dataset = e.currentTarget.dataset; // data-开头的是自定义属性,可以通过dataset获取到,dataset是一个json对象 var name = dataset.name; var value = e.detail.value; ...原创 2021-03-02 15:31:02 · 2365 阅读 · 0 评论 -
git代码管理命令 整理
Git 代码管理命令(1) 远程仓库相关命令检出仓库:$ git clone git://github.com/jquery/jquery.git查看远程仓库:$ git remote -v添加远程仓库:$ git remote add [name] [url]删除远程仓库:$ git remote rm [name]修改远程仓库:$ git remote set-url --push[name][newUrl]拉取远程仓库:$ git pull [remoteName] [localBra原创 2021-01-28 15:17:57 · 131 阅读 · 0 评论 -
深度监听 watch 、立即执行、销毁watch,防止内存溢出
immediate: true, // 立即执行deep: true // 深度监听<div> <p>FullName: {{fullName}}</p> <p>FirstName: <input type="text" v-model="firstName"></p></div> new Vue({ el: '#root', data: { firstName:.原创 2020-11-18 18:06:49 · 6048 阅读 · 0 评论 -
input type=“file“ 文件上传类型限制
1、<input text="file" accept=".csv" /> cvs格式2、<input text="file" accept="application/vnd.ms-excel"/> 上传.xls格式3、<input text="fiel" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"/> 上传.xslx格式4、<input.原创 2020-08-20 19:45:45 · 5215 阅读 · 0 评论 -
vue 鼠标滚动事件 滚动方向
@wheel.prevent="scrollBarWheel"scrollBarWheel(e) { if (this.synchronizationVar === 1) { e = e || window.event; if (e.wheelDelta) { //判断浏览器IE,谷歌滑轮事件 if (e.wheelDelta &g...原创 2020-06-24 14:00:36 · 2863 阅读 · 2 评论 -
vue指令、鼠标键盘事件、computed/methods/watch、js对象
目录一、Vue简介 1、数据驱动视图 2、MVVM架构 3、快速体验 二、Vue指令 2.0 属性指令事件指令简写 2.1 v-once 指令 只渲染一次 2.2 v-if,v-else-if,v-else 条件指令 2.3 v-show和v-if的隐藏指令区别 2.4 v-cloak 斗篷指令 2.5 v-bind 属性指令 2.6 v-on 事件指令 2.7 v-model 表单指令 2.8 v-for 循环指令 2.9 v-text 文本指令原创 2020-06-04 20:51:31 · 724 阅读 · 0 评论 -
echarts 原始数据%号拼接、显示最后一位、虚线突出最后一位、一条线段不同颜色显示
echarts装载的数据:var xAxisData = [10, 20, 30, 60, 50, 70, 80, 40, 90];option = { title: { // text: '炎症占比变化曲线', text: 'Whole lung lesion ratio curve', subtext: 'Whole lung lesion ratio' // subtext: '全肺占比' }, /.原创 2020-05-15 14:00:46 · 917 阅读 · 0 评论 -
echarts折线图实线加虚线
option = { title: { text: 'echarts折线图实线加虚线' }, //用formatter回调函数显示多项数据内容 tooltip: { trigger: 'axis', formatter: function (params, ticket, callback) { var htmlStr = ''; var valMap = {}; ...原创 2020-05-12 14:19:00 · 2598 阅读 · 0 评论 -
浏览器禁用右键功能 vue 记录一下
mounted() { document.oncontextmenu = function () { return false; }; },自己写的 禁用 像打开的时候找了半天 贱笑 贱笑........原创 2020-04-23 10:58:31 · 1330 阅读 · 0 评论 -
设置webstorm背景图片 js
快捷键 忘记了 知道的 同学可以留言原创 2020-03-07 19:06:18 · 874 阅读 · 0 评论 -
vue 锚链接
min.jsVue.directive('anchor', { // 锚链接自定义指令 inserted: function (el, binding) { el.onclick = function () { document.documentElement.scrollTop = $('#anchor-' + binding.value)....原创 2019-10-15 10:40:05 · 212 阅读 · 0 评论 -
canvas画布保存图片,avaScript将图片转画布,用JavaScript将画布保持成图片格式,上传阿里云
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> body { paddin原创 2018-12-04 19:20:09 · 448 阅读 · 0 评论 -
veu使用element UI 表格问题
<div class="table_wrap"> <el-table ref="multipleTable" :data="tableData" border tooltip-effect="dark" max-height="530"> <el-table-column prop="goodsName"原创 2018-11-26 20:32:43 · 279 阅读 · 0 评论 -
响应式
媒体查询后来者居上,blue会覆盖red。@media(max-width: 320px){ body{ background: red; }}@media(max-width: 425px){ body{ background: blue; }}解决:1.用倒序的方法写,满足条件的在下面,就不会被覆盖了。@media(max-...转载 2018-05-07 17:39:03 · 117 阅读 · 0 评论