- 博客(56)
- 资源 (3)
- 收藏
- 关注
原创 vue3封装表格嵌套表单问题汇总
思路:插槽具名【区分】后暴露传递,这个为神魔要区分,因为封装组件表格列表项也有插槽。placeholder: ‘请输入1’,1.插槽嵌套多层数据ui组件怎么使用。步骤2:表格组件区分暴露插槽。label: ‘单号1’,表格搜索插槽-步骤2。步骤一:表单插槽暴露。
2024-06-25 16:18:29
214
原创 vue高德地图
//页面刷新地图开始import VueAMap from "vue-amap";VueAMap.initAMapApiLoader({ key: "自己密钥", plugin: [ "AMap.Autocomplete", "AMap.PlaceSearch", "AMap.Scale", "AMap.OverView", "AMap.Tool...
2023-02-22 11:01:55
401
原创 在线预览组件(ppt\docx\text\png\jpg\pdf)等后缀文件
<!-- * @Author: 赵成刚 * @Date: 2022-04-29 11:05:23 * @LastEditors: 赵成刚 * @LastEditTime: 2022-05-18 16:13:14 * @FilePath: \tz-purchase-web\src\components\AttachmentManagement\components\preview.vue * @Description: 预览组件 * Copyright (c) ${2022} by Che
2022-05-18 16:22:01
352
原创 vue中消息链接
1.全局定义lib文件中global.js//消息推送export default { ws: {}, setWs: function (newWs) { this.ws = newWs },}2.main.js// 引入全局推送import global from '_lib/global.js'Vue.prototype.$global = global3.app.vue统一建立消息链接 /**websocket */ getwebsocket()
2022-04-08 09:21:42
2490
原创 ant+vue3.0+ts爬坑日志
表单校验封装/* * @Author: 赵成刚 * @Date: 2022-02-23 16:01:09 * @LastEditors: 赵成刚 * @LastEditTime: 2022-02-24 10:01:07 * @FilePath: \platform-web-project\src\utils\d_verify.ts * @Description:自定义校验规则 * */type T_Verify = { validator: Function;};//非空判断
2022-02-24 10:10:11
336
原创 安卓嵌套vue单页面的缩放问题
安卓方法设置webView.getSettings().setSupportZoom(true);//设置可缩放webView.getSettings().setBuiltInZoomControls(true);// 设置WebView可触摸放大缩小webView.getSettings().setUseWideViewPort(true);//使用html的viewportwebView.getSettings().setDisplayZoomControls(false); //隐藏原生的缩放
2021-12-06 15:33:31
439
原创 vue播放海康视频流
<template> <div class="playVideo-layout"> <!-- 播放器 --> <div class="goBack-box" @click="gobank">返回</div> <iframe id="external-frame" loading="lazy" :src="videoUrl" width="100%" he.
2021-11-24 11:00:53
1896
原创 海康摄像头
1.npm install hls.js<template> <div class="playVideo-layout"> <!-- 播放器 --> <div id="app-container" class="video-box"> <video ref="videoElement" :src="videoUrl" id="videoElement" c
2021-11-23 14:36:17
472
原创 前端调用串口通信
1)安装serialportnpm install serialport2)编写index.jsconst SerialPort = require('serialport');var senddata = [0x02];//串口索要发送的数据源var port = new SerialPort('COM3');//连接串口COM3port.on('open', function () {//开启串口 writeport();})setInterval(function () { .
2021-10-11 14:21:58
1717
1
原创 treeselect下拉多选使用
<Treeselect ref="tagSelectRef" v-model="value" :disable-branch-nodes="true" :clear-on-select="true" :options="treeselectData" placeholder="请选择菜单" @select="selectItem"/><script>import Treeselect from '@riophae/vue-treeselect'..
2021-09-16 15:50:10
1440
原创 vue打包报错
在这里插入代码片[entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.(https://blog.csdn.net/weixin_45503820/article/details/108102304)
2021-08-04 10:30:15
72
原创 js截取字符串“()”包含的内容
let str="感叹到(中国最强)!"let tag= str.substr( str.indexOf('('), str.indexOf(')') )console.log("内容",tag)
2021-07-19 10:42:18
569
原创 js倒计时 00:05:00--->00:00:00
let timer =null/**时间格式 00:05:13->3008*/ function d_dateMinuteS = (timeStr) => { let tag1 = parseInt(timeStr.slice(0, 2)) * 60 * 60 let tag2 = parseInt(timeStr.slice(3, 5)) * 60 let tag3 = parseInt(timeStr.slice(6, 8)) return parseInt(tag1 +
2021-06-28 10:54:45
323
原创 css 公共库
.d-f { display: flex;}.f-d-c { flex-direction: column;}.flex-1 { flex: 1;}.f-w-w { flex-wrap: wrap;}.f-w-nw { flex-wrap: nowrap;}.a-c { align-items: center;}.a-f-e { align-items: flex-end;}.j-c { justify-content: center;}.j-
2021-06-28 10:47:49
106
原创 uni-app使用
1.首次打开到微信开发工具需要配置微信开发工具路径2.App.vue为全局uni-app生命周期3.根目录 components为全局组件完全使用vue页面结构4.page等价于src5.pages,json是uni-app的路由文件(前五个在底部tabs显示)6.uni-app请求封装util.jsconst BASE_URL="http//localhost:8082"//公共请求接口export const myRequest=(options)=> { return new P
2021-04-23 18:09:47
112
原创 svg与canvas
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>svg练习</title></head><style> .box{width: 200.
2021-04-07 17:27:20
154
1
原创 面试题汇总
2021-02-25周四:1.vue双向数据绑定2.js深浅拷贝(堆与栈)3.es5与es64.vue生命周期5.vue路由函数6.vuex7.webpack与vue里的配置8.git9.websocket10.组件通信11.使用UI框架遇到问题及如何解决12.npm发布13.多项目公共组件是如何使用的14.微前端...
2021-02-25 13:53:05
67
原创 标签内文字垂直排布
张张翼德–> 翼德 <p v-html="showHtml(张翼德)" />``````javascript //标签内文本竖直方向 showHtml(val){ let translationData=val; let tagList=[]; let tagListString=''; for(let i=0;i<(translationData.length);i++){ tagLi...
2021-01-15 11:16:12
194
原创 正则验证使用
限制输入类型–replace//只能输入文字->例如:高富帅value.replace(/[^\u4e00-\u9fa5|,]+/,'')//只能输入正整数->例如:125value.replace(/[^\u4e00-\u9fa5|,]+/,'')
2020-11-23 15:35:58
196
原创 element 高级封装
<!-- * 功能:公共表格 * 入参: tableBorder: [非必传]是否显示边框 tableHeight: [非必传]是否限制表格高度 listLoading: [非必传]是否显示加载特效 isSelection: [非必传]是否显示多选框 isRadio: [非必传]是否显示单选框 isShowbtn:
2020-11-23 10:13:13
309
原创 element tree父关联子,子不一定关联父
<el-tree :check-strictly="true" :default-checked-keys="menuIdecho" :data="directorylist" show-checkbox default-expand-all node-key="id" ref="permissionTree" highlight-current :expand-on-click-node="false" :props="defaultProps" @check-change="che..
2020-06-18 17:49:07
1385
原创 vue http跳转https
动态创建a标签 http跳转https methods: { open(url, rel, target) { var a = document.createElement("a"); a.href = url; a.target = target; a.rel = rel; document.body.appendChild(a); a.click(); document.b
2020-05-26 11:18:37
1908
原创 element懒加载表
//表格树状数据 loadNextNode(tree, treeNode, resolve) { let data = { organizationDeptId: tree.id, cookieData: this.cookieData }; //当前子级接口 departmentManagementson(data).then(res => { re...
2020-05-19 15:11:43
141
原创 TypeScript练习
1.全局安装npm install typescript -g2.typescript 生成 node 文件的配置需要生成配置文件 tsconfig.jsontsc --init3.创建.ts文件//1.Ts数据类型// 字符// var str: string = 'ddd';// console.log(str);// 布尔// var aa: boolean = true; // console.log(aa);// 数字// let b: number = 1
2020-05-09 14:57:27
604
原创 调用谷歌浏览器通知
//判断浏览支持是否通知消息 if (window.Notification) { //判断用户是否授权 Notification.requestPermission(function (status) { //default:用户还没有做出任何许可,因此不会弹出通知。 //granted:用户明确同意接收通知。 //denied...
2020-04-27 15:26:19
581
原创 element Cascader封装单选失效
change-on-select是true的时候 ,不能选即改变问题解决办法1.一级为动态的使用 @change方法2.一级为写死使用@active-item-change方法
2020-04-15 10:03:11
208
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人