随笔分类 - vue
摘要：index.html <script src="/js/h5player.min.js"></script> h5Player.vue <template> <div class="player-container" :id="props.idName"></div> </template> <sc
阅读全文
摘要：vue3： <viewDocument ref="viewDocumentRef" :if-upload="'viewDocument'" :finish-click="handlefinishClick"/> import viewDocument from '@/components/ViewD
阅读全文
摘要："@vueuse/core": "10.9.0" webSocket.ts: import { useWebSocket, WebSocketStatus } from '@vueuse/core' import { getAccessToken } from '@/utils/auth' impo
阅读全文
摘要：npm包 "three": "^0.181.2", "three-gltf-loader": "^1.111.0", 组件： <template> <div class="gltf-viewer-container" :style="{ height: containerHeight }"> <!-
阅读全文
摘要：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
阅读全文
摘要：node_modules下的包uni-simple-router main.js import {router,RouterMount} from './router.js' Vue.use(router) router.js // router.js //小程序系列无法拦截原生tabbar及原生导
阅读全文
摘要：仓储—索赔单—新增页和修改页： 可新增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: '县' },
阅读全文
浙公网安备 33010602011771号