随笔分类 - vue
摘要：Vue.filter('format',function(timer,formatter){ //filter 没有this return moment(timer).format(formatter) }) let vm = new Vue({ el:'#app', data(){ return
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <style type="text/css"> .upper_limit_notice4 { width: 79px
阅读全文
摘要：http://www.jacklmoore.com/autosize/ https://github.com/jackmoore/autosize?tab=readme-ov-file 列表空值自动删行，末行输入，底部自动增行，不超过10行，textarea文本域自动高度没有滚动条 <div id=
阅读全文
摘要：ary.forEach(function(item,index){...}) forEach循环只能return结束本轮，不能结束整个 $.each(ary,function(index,item){...}) jq的each循环return true是结束本轮循环，return false是结束整
阅读全文
摘要：el.contains(e.target); //判断是否是子元素 let {top} = this.el.getBoundingClientRect(); //获取当前元素距离屏幕位置 insertBefore方法可以appendChild功能，insertBefore(节点,null) whil
阅读全文
摘要：点击框上传一张图片，并生成另一个点击框可再点击上传，修改时获取相对路径赋值多张图片，带有点击图片放大查看效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <li
阅读全文
摘要：main.js import {router,RouterMount} from './router.js' Vue.use(router) router.js // router.js //小程序系列无法拦截原生tabbar及原生导航返回，如需拦截请自定义tabbar、header import
阅读全文
摘要：仓储—索赔单—新增页和修改页： 可新增6张图片带压缩点击看大图浏览功能，提交全部转为base64； 修改先把路径赋值到图片框，提交修改时旧图传获取的路径，新图传转换的base64， 在修改中点新增时将旧图路径转为base64再拼接新图的base64，用了promise和async await，因为路
阅读全文
摘要：<input type="file" accept="image/png">限制图片选择png格式，作用不大 基于vue的图片上传压缩 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewpor
阅读全文
摘要：常用的父子组件通信方法： //父组件 <template> <my-header :title="title" @changeTitle="changeTitle"></my-header> </tempale> <script> import myHeader from "@/components
阅读全文
摘要：同步 uni.setStorageSync('cunData', this.curID); uni.getStorageSync('cunData') uni.removeStorageSync('cunData') 异步 uni.setStorage({ key: 'Token', data: r
阅读全文
摘要：在jQuery中each 用return false结束整个循环，用return true结束本轮循环 $('#Consignor_ID option:selected').text(); //获取select选项文本 $('#Consignor_ID option:selected').attr(
阅读全文
摘要：<style type="text/css"> [v-cloak]{display: none;} body { margin: 0; padding: 0; } #app { width: 400px; margin: 0 20px; text-align: left; } </style> <d
阅读全文
摘要：1.响应式数据的理解 数组和对象类型当值变化时如何劫持到。对象内部通过defineReactive方法，使用Object.defineProperty将属性进行劫持（只会劫持已经存在的属性），数组则是通过重写数组方法来实现。 这里在回答时可以带出一些相关知识点（比如多层对象是通过递归来实现劫持，顺带
阅读全文
摘要：货物类型，两级分类，每列都要有不限选项，数据里没有不限选项，需要做数据变异，而且选择器是通过索引取值的，比较麻烦的地方就是，修改时获取的是类别id，需要在变异的数据中找到对应项并记录其索引 <van-cell-group> <van-field readonly clickable name="go
阅读全文
摘要：重点是把从接口得到的数据变异成vant组件规定的格式！！ { province_list: { 110000: '北京市', 120000: '天津市' }, city_list: { 110100: '北京市', 110200: '县', 120100: '天津市', 120200: '县' },
阅读全文
摘要：在谷歌浏览器下vue的@input事件问题：input输入中文，在输入拼音的时候就在触发（360不这样） 原文链接：https://blog.csdn.net/m0_37817986/article/details/103079249 <input v-on:input="searchOne($ev
阅读全文
摘要：<div class="chaxun_btn" v-on:click="daochu(1)" style="cursor: pointer; display: inline-block; margin-left: 30px">导出</div> daochu: function (c) { /// <
阅读全文
摘要：doPrint:function(){ var headhtml = "<html><head><title></title></head><body>"; var foothtml = "</body>"; // 获取div中的html内容 // var newhtml = document.al
阅读全文
摘要：vant的Tabbar标签栏https://youzan.github.io/vant/#/zh-CN/tabbar 在app开发中，这个必不可少，上一张讲了怎么引入iconfont图标，现在就将iconfont图标引入到tabbar标签栏里边，看着vant提供的图标，必将有点丑啊23333，接下来
阅读全文
