vue
关注
分享
扫一扫
vue内容
放学别走啊
外向是生活所需，孤独是自我享受。
展开
-
h5页面用js判断机型是安卓还是ios，判断有app安装没app跳转应用商店app stroe或者安卓应用商店
微信跳转和浏览器跳转不一样，需要控制定时器的时间，android在没下载的情况下点击没反应，ios在没下载的情况下会跳404，就是定时器2000，不知道有没有别的办法，用iframe嵌套ios的跳转在没下载的情况下是404，2000是刚好的时间点，有点刚刚好，不是特别完美。有大佬会的可以交流。用vue3写的wep页面。原创 2024-05-09 10:48:09 · 461 阅读 · 1 评论 -
vue实现点击鼠标左右移动元素
【代码】vue实现点击鼠标左右移动元素。原创 2024-01-09 18:37:00 · 812 阅读 · 1 评论 -
vue上传多个文件 获取进度条实时刷新进度
vhe上传多个文件实时刷新进度原创 2024-01-09 10:53:34 · 1867 阅读 · 0 评论 -
vue项目播放rtsp流视频。
将下载包html文件夹下webrtcstreamer.js文件和html/libs文件夹下adapter.min.js文件复制到VUE项目public/stactic目录下，在index.html文件里引入这两个js文件。下载webtrc-streamer的压缩包，在github上有 https://github.com/mpromonet/webrtc-streamer/releases。解压之后打开exe文件就可以播放了。（想做到把exe变成开机自启，这样就不用打开了。原创 2023-10-25 16:31:34 · 2282 阅读 · 2 评论 -
js 删除树状图无用数据，如果子级没有数据则删除
有一个需求，当你从后端拿到一个树状图的时候，有些子级没数据，这时就需要我们处理一下数据，当然了，如果第一层底下的第二层没数据，第二层底下的所有都没数据，那这一层都不需要。我的写法，先删除最后一层，然后以此类推，往上删除。可以优化，但是我没优化。原创 2023-10-19 10:22:10 · 667 阅读 · 0 评论 -
手写一个翻页功能
最近在对接海康摄像头，需要写一个翻页得功能，于是乎就想到了手写，然后就记录一下。原创 2023-09-15 10:02:11 · 207 阅读 · 0 评论 -
vue对接海康摄像头，使用hk3.3（硬盘录像机）开发摄像头分屏翻页操作。
默认展示4*4规格，分屏之后自己写翻页方法，对摄像头一一展示（1x1， 2x2， 3x3， 4x4），有俩个场景。1、拿到所有的通道号，比如有[1, 2, 3…1、刚开始默认展示的时候进行分页。2、点击分屏之后就会把这个数组变为。2、点击分屏操作之后进行分页。根据自己需求进行整改。原创 2023-08-08 11:54:20 · 1709 阅读 · 0 评论 -
element ui树组件render-content 树节点的内容区的渲染另一种方式
我个人理解就是jsx的写法，和react一样。也是return的模板。直接上代码吧,不用h的写法。原创 2023-07-26 17:10:46 · 1675 阅读 · 0 评论 -
手写一个类似于v-for的组件
【代码】手写一个类似于v-for的组件。原创 2023-07-11 18:04:33 · 195 阅读 · 0 评论 -
element ui tree组件使用render函数自定义节点内容，隐藏或者显示(附带点击子节点双击事件)
<el-tree ref="tree" class="stafftree" :data="devicesTreeData" :props="defaultProps" node-key="id" @node-click="handleNodeClick" :render-content="renderContent" :default-checked-keys="checkedKeys" :default-expanded-keys="defaultExpandedKeys"原创 2023-07-07 18:31:58 · 2495 阅读 · 0 评论 -
vue对接海康摄像头，配合ifarme进行展示。给ifarme点击事件（消除ifarme事件，因为ifarme没有点击事件）
1、在public文件夹下建一个文件ifarme.index，和index.html同级。<!doctype html><html><head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Pragma" content="no-cache" /&g原创 2023-06-05 09:54:12 · 2087 阅读 · 3 评论 -
解决vue在全屏状态下摁下esc键无效的问题
【代码】解决vue在全屏状态下摁下esc键无效的问题。原创 2023-05-05 19:15:51 · 680 阅读 · 1 评论 -
js 根据汉字拼音首字母进行排序
js 根据汉字拼音首字母进行排序原创 2022-09-25 16:21:34 · 23283 阅读 · 0 评论 -
uniapp使用map组件滑动或者点击实时更新地址
uniapp使用map组件滑动或者点击实时更新地址原创 2022-09-23 16:19:11 · 1452 阅读 · 0 评论 -
js获取当前日期以及前三天后三天日期。
js 获取当前日期以及前三天后三天日期原创 2022-09-23 04:12:59 · 3301 阅读 · 0 评论 -
微信小程序、uniapp、vue生成随机边框颜色十六进制
生成随机颜色原创 2022-09-19 20:31:05 · 1228 阅读 · 0 评论 -
微信小程序、uniapp使用touchstart和touchmove左右滑动删除。以及解决上下抖动问题。
微信小程序、uniapp使用touchstart和touchmove左右滑动删除。以及解决上下抖动问题。原创 2022-09-15 20:03:50 · 5616 阅读 · 0 评论 -
vue 手写一个步骤条。
vue 手写一个步骤条。原创 2022-09-15 15:34:27 · 646 阅读 · 0 评论 -
vue 手写一个步骤条&last-child不起作用的问题
因为你last-child用错地方了，如果你是在set-2上面使用last-child，肯定 可以用，如果你用在height上边 肯定是不可以的。咱们在这个元素中v-if判断 一下就好了 v-if=“index!=options.length - 1”2、怎么才能在不使用last-child使最后一个隐藏呢。在height使用last:child。可以看到是不起 作用的，所以就用到js。1、为什么last-child不能用。这个会隐藏最后一个元素的border。原创 2022-09-15 15:10:18 · 979 阅读 · 0 评论 -
css文字中间省略号使用js实现
css文字中间省略号使用js实现。原创 2022-08-22 17:07:30 · 912 阅读 · 0 评论 -
js 通过首字母进行归类，根据拼音首字母分组
js 通过首字母进行归类，根据拼音首字母分组。原创 2022-08-10 17:20:11 · 682 阅读 · 0 评论 -
uniapp 多个页面返回到同一个页面携带参数的解决办法
有俩个不同的页面，这俩个不同的页面会携带参数回到同一个页面，我在onload里面接受参数，就会把我传来的参数给顶替掉，怎么才能在onload里面接受多个参数呢原创 2022-08-02 12:04:56 · 727 阅读 · 0 评论 -
uniapp使用横竖屏显示样式错乱问题。
uniapp切换横竖屏样式显示错乱问题原创 2022-07-06 19:04:59 · 1944 阅读 · 0 评论 -
vue + element ui 限制文件上传大小
限制文件上传大小原创 2022-06-06 19:05:01 · 293 阅读 · 0 评论 -
element ui 使用input输入框type类型为number时，隐藏右边的小箭头
element ui 使用input输入框type类型为number时，隐藏右边的小箭头原创 2022-06-01 17:11:16 · 2640 阅读 · 0 评论 -
vue v-show和v-if在template中的使用
1. v-show 只是简单的控制元素的 display 属性，而 v-if 才是条件渲染（条件为真，元素将会被渲染，条件为假，元素会被销毁）；2. v-show 有更高的首次渲染开销，而 v-if 的首次渲染开销要小的多；3. v-if 有更高的切换开销，v-show 切换开销小；4. v-if 有配套的 v-else-if 和 v-else，而 v-show 没有...转载 2022-05-31 11:31:50 · 1134 阅读 · 0 评论 -
通过后端返回的url导出文件为excel
这个是后端返回url exportFile(data, fileName){ console.log("data", data) // 地址不存在时，禁止操作 if(!data) return; // 下载文件并保存到本地 const callback = (data)=>{ // 创建a标签，使用 html5 download 属性下载， const link = document.createEle原创 2022-05-26 16:54:05 · 1050 阅读 · 0 评论 -
vue中在index.html和main.js中引入第三方js库
第一种方法：静态资源文件放在static文件夹下自己创建一个文件夹// 在index.html文件下引入注意不要写./<script type="text/javascript" src="static/js/xxxx.js"></script>第二种方法：在src文件夹底下创建一个文件夹utils把你需要的文件引入到这个里面。然后在main.js文件夹下做以下操作```jsimport name from "../utils/xxx"Vue.prototyp原创 2021-09-09 11:39:04 · 3571 阅读 · 0 评论 -
mac在vscood终端从0-1搭建vue项目。
先在桌面创建一个文件夹，然后使用vscood打开这个文件夹并打开终端。查看npm版本号和node的版本号，如果只出现版本号的话就说明安装成功，显示除了版本号其他的东西都是安装失败，需要重新安装。安装成功的情况下你会直接npm install --global vue-cli，这样是会报错的，报错原因看下图。出现这个报错信息是因为权限问题然后你就输入这个命令 sudo chmod -R 777 /usr/local/lib/node_modules/，然后输入开机密码，当然了这个密码不会显示出来，你就.原创 2021-09-02 14:49:49 · 260 阅读 · 0 评论 -
vue-html5-editor 手机端粘贴内容后直接提交无效
修改源码vue-html5-editor.js目录：打开这个文件搜索contenteditable在后面加上id="container"然后在搜索keyup注释代码 // content.addEventListener('keyup', function () { // this$1.$emit('change', content.innerHTML); // this$1.saveCurrentRange(); // }, false);添加代码const ha原创 2021-06-09 17:51:45 · 330 阅读 · 4 评论 -
判断用户是否输入空格
isNull( str ){ if ( str == "" ) return true; var regu = "^[ ]+$"; var re = new RegExp(regu); return re.test(str); }, var cc = ''; if (this.isNull(cc)) { alert('您输入的为空。') }原创 2021-06-01 09:58:28 · 453 阅读 · 0 评论 -
VueHtml5Editor的使用
<vue-html5-editor style="z-index: 0" :content.sync="content" :height="300" :autoHeight="false" @change="updateData" /> updateData(e = "") { let c1 = e.replace(/<img width="100%"/g, "<img"); let c2 = c1.replace(/&..原创 2021-05-28 11:44:41 · 950 阅读 · 0 评论 -
vue传值报错avoid mutating a props directly since the value will be overwritten whenever the parent compo
vue传值报错：avoid mutating a props directly since the value will be overwritten whenever the parent component re-renders instead use a data or computedproperty based on the props value prop being mutated ：“show”看这个警告写的是必变直接改变道具，父组件重新渲染时，会把值覆盖掉，可以用计算属性。因为是单向数原创 2021-05-25 15:17:55 · 329 阅读 · 0 评论 -
vue中data里面的数据相互使用
今天在写代码的时候，遇到一个问题，我想使用data里面的一个对象使用data里面的某个数据，附图片：我想让active的值给params对象里面的topicListType使用，我不想直接在一个方法里面改变这个值（想改的话就直接可以改了，太简单），所以就有了这个想法。在data里面使用，但是肯定不能写成 this.params.topicListType: this.active,这样会报错undefined，从网上查内容基本上都一样，也许是我看不懂，也许是我不会使用别人的，都不能用，我就自己鼓捣一会，原创 2021-05-18 17:07:56 · 24727 阅读 · 16 评论 -
js forEach使用push的问题
今天遇到一个需求，一个后端取回的数组，在添加一个字段的时候需要判断添加的这个字段是否和后端取回数组里面的字段相等，如果相等就不能添加，不相等才能添加。example：// 后端取回的数组arr = [{name: '小红'},{name: '小明'}{name: '小绿'}{name: '小黄'}];/* 我需要循环这个数组然后判断 this.newTopicType这个是我需要添加的字段*/ arr.forEach(item => { if (item.name == this.原创 2021-05-08 16:48:29 · 3898 阅读 · 0 评论 -
js 简单的一些问题
[[0, 1], [2, 3]].reduce((acc, cur) => { return acc.concat(cur) },[1, 2])这个问题能打印出来什么呢，首先要了解reduce的用法，acc表示初始的值，cur表示正在处理的数组元素，那么他要合并这个数组，因为他的初始值是[1,2,0,1],所以合并起来就是[1,2,0,1,2,3],这只是我个人理解。(() => { let x, y try { throw new Error() } ca原创 2021-05-08 15:05:45 · 226 阅读 · 0 评论 -
（手机端）app禁止弹出默认输入框
有时候在你使用组件需要用到input框和时间选择器配合的时候，手机端使用input框的时候会直接弹出默认框,并且组件也是直接显示出来。这样就可以解决了，直接上代码<input type="text" class="input" placeholder="发布时间" :value="date" @click="oneDate" />oneDate() { document.activeElement.blur();},...原创 2021-05-07 16:53:16 · 442 阅读 · 0 评论 -
vue中使用img标签动态显示base64图片
<img :src="'data:image/jpeg;base64' + itemEsign.esignature" alt="">前缀一定要加上’data:image/jpeg;base64’这是字符串类型，后面用+写上你需要渲染的base64图片原创 2021-02-24 16:45:44 · 4243 阅读 · 0 评论 -
js 删除字符串中指定的一些字符
比如有一些字符串1213，,2312，,13123r，阿瓦达无，undefined·，undefined如果想删除这些undefined的字符串那需要怎么 办呢代码var a = '1, 2, 3, 4, 5, 23, undefined, undefined';// 后面加g是删除字符串里面所有的undefined，如果不加g的话只删除第一个var reg = new RegExp('undefined,','g');a = a.replace(reg, '');这样就可以了。...原创 2021-01-25 17:23:22 · 1167 阅读 · 0 评论 -
ant design vue table栏getCheckboxProps的使用
今天业务有一个需求，从一个页面跳到另一个页面的时候，需要把以前选择的table的数据带上，然后展示出来，这可难倒我了，研究好长时间，在网上搜一堆，看个大概然后还是决定自己写一下，毕竟，自己动手，丰衣足食。我的逻辑是如果带过来的table id和以前的table id一样的话就默认选中，打上对勾。首先看文档的介绍这个api刚看第一眼不知道是干嘛的，然后就百度了，说是这个可以获取到checked的属性。但是还是不知道怎么用，因为这是rowselection的一个配置，所以我就在rowselection里面原创 2021-01-13 16:07:25 · 14224 阅读 · 6 评论