- 博客(44)
- 问答 (1)
- 收藏
- 关注
原创 uni-app 移动端本地储存数据库sqlite
1.manifest.json勾选sqlite权限。你可以根据自己的需求,修改部分代码。也可以通过修改json配置文件。
2024-02-27 20:12:52 824
原创 Vue实现打印功能(vue-print-nb)
4、在组件的打印按钮标签上使用指令 v-print=“print”,print是配置对象。3、在组件的打印区域标签上加 id=“printArea”只需要在组件的打印区域里,给需要隐藏的内容的标签上添加。在全局样式中,新增标签,里面是打印时才生效的样式。5、在组件的data中定义print配置对象。2、在main.js中引入。
2024-02-23 14:33:11 658
原创 前端常用组件大全
组件库基于Vue (React版 (opens new window)) ,主要用于构建大屏(全屏)数据展示页面即数据可视化,具有多种类型组件可供使用。蜂鸟云平台是蜂鸟视图产品(Fengmap)聚集地,提供室内地图、跨平台地图SDK、室内定位、在线地图编辑工具等云端工具。Element,一套为开发者、设计师和产品经理准备的基于 Vue 的桌面端组件库。一个基于 JavaScript 的开源可视化图表库。轻量、可靠的移动端 Vue 组件库。轻量、可靠的小程序 UI 组件库。
2023-10-20 09:54:27 233
原创 vue中实现图片的懒加载
这里存在一个坑,当图片放在 assets文件下 的时候,要使用上面的这种 require(‘相对路径’)的写法来进行引入。当图片放在 static文件下 的时候就可以直接写路径来进行引入,像下面的写法一样。1、安装vue-lazyload插件。2、在main.js中进行引用。
2023-10-16 10:45:55 76
原创 多个相同class的标签的鼠标移入移出事件
1.获取class为aa的所有div标签(改变div属性用)2.根据类名利用each()方法为每一个标签绑定事件。
2022-11-11 18:17:25 400
原创 JS常用正则表达式
JS常用正则表达式 //1.只能用数字开头,长度在6--18位之间 var reg = /^\d{6,18}/; console.log(reg.test("a123451")) //2.以字母开头,数字结尾,中间任意一个字符 var reg = /^[a-zA-Z]+.+\d$/ console.log(reg.test("a1ddw.,ds@1")) //3.密码不能少于6位的字符 var
2022-05-07 10:48:57 2043 2
原创 Vue自定义指令el-select下拉触发事件
<el-select v-model="form.equipName" placeholder="请选择" v-el-select-loadmore="loadmore"//自定义绑定 @change="selectChange" >//自定义指令 directives: { 'el-select-loadmore': { bind(el, binding) { const .
2022-04-21 14:07:53 5229
原创 自定义内容
获取对象字段名称 let productItemArr=[] this.productItemInfo.forEach(n=>{ productItemArr.push({ name:Object.keys(n)[0], namekey:n[Object.keys(n)[0]] }) }) console.log(produ
2022-03-25 14:05:00 96
原创 vue-cropper图片裁剪
安装vue-croppernpm install vue-cropper代码<template> <div class="height100"> <van-uploader class="mt-3" :max-size="3 * 1024 * 1024" :before-read="beforeRead" @oversize="onOversize" > <van-button
2022-03-11 14:21:27 1438
原创 js根据字段分组
var arr = [ { rq: '2020-01-01', text: '111' }, { rq: '2020-01-01', text: '222' }, { rq: '2020-01-02', text: '333' }, { rq: '2020-01-04', text: '444' }, { rq: '2020-01-04',
2022-01-18 16:32:54 513
原创 Vue移动端rotate强制横屏
<div id="screen"> <div id="main">强制横屏 <div class="top"></div> </div></div>#screen { position: fixed; width: 100%; height: 100%; padding: 0; margin: 0; background-color:rgb(228, 180, 180); overflow: hidden}
2021-12-02 19:47:09 3292 1
空空如也
vue制作室内平面图
2022-04-29
TA创建的收藏夹 TA关注的收藏夹
TA关注的人