vue常用库第22页

微信小程序uniapp+vue3+ts+pinia的环境搭建

一.创建uniapp项目通过vue-cli创建npxdegitdcloudio/uni-preset-vue#vite-tsmy-vue3-project二.安装依赖：1.pnpmi2.运行项目：将package.json

Outcir·2024-08-24 12:36

vue2 - 详细实现用户收货地址识别解析“姓名/手机号/省市区/街道/乡镇村庄“关键字，用户复制粘贴一段含有姓名电话/详细地址的文字文本信息，vue3自动识别拆分并填入到对应表单字段中，详细示例代码

效果图在vue2、nuxt2项目开发中，实现手机H5移动端网页/电脑PC端网站，“快递地址解析拆分姓名/电话/省市区地址/详细街道乡镇村庄”，提取文本内容中的手机号名称详细位置信息填充到指定表单或data

街尾杂货店&·2024-08-24 11:05

uniapp [全端兼容] - 最新详细实现发送emoji表情包及自定义图片图标小表情功能，支持文字与表情混合显示或光标处插表情，安卓苹果手机显示无差异，类似QQ微信聊天框弹出左右滑动选择表情发送显示

在uni-app全平台兼容（H5网页网站、支付宝/微信小程序、安卓App、苹果App、nvue）项目开发中，详解完成“uniApp表情包emoji”，支持自定义表情包替换或移除，uniapp自定义图片/

王佳斌·2024-08-24 11:05

JointJs 在 Vue 中的使用探索（一）: Hello JointJS

文章目录前言根本问题探索过程安装jointjs测试@joint/coredemo代码jointjs@joint/core前言最近需要用到JointJs做一些东西，但是官方文档的@joint/core跑下来后发现并不太好使，空白一片…（这是个误会…）所以开了个贴给自己做个笔记，也给需要用到的人一个参考根本问题@joint/core是可以正常使用的，猜测是我没有放到onMounted()里探索过程安装

Lovely Ruby·2024-08-24 11:04

【vue】【audio】audio标签播放样式改写

{{audio.currentTime|realFormatSecond}}/{{audio.maxTime|realFormatSecond}}exportdefault{props:{data:{type:Object,default(){return{};},},},data(){return{isPlay:false,//播放暂停按钮sliderTime:0,silderNone:0,au

mooonyuan·2024-08-24 11:34

vue-quill-editor富文本使用

一、准备css文件用于自定义富文本样式(我的放到了assets/css/quillEditor).ql-snow.ql-picker{height:none!important;}/*行高*/.ql-picker-options{line-height:1.5;}/*标题*/.ql-snow.ql-picker.ql-header.ql-picker-label::before,.ql-snow.

等....·2024-08-24 11:31

uniapp+vue3的双向渐变

在App.vue中/*每个页面公共css*/@import'common/style/common-style.scss'在common-style.scss中//全局双向渐变.pageColor{background

总萌大人·2024-08-24 11:59

【vue】编辑器段落对应材料同步滚动交互

场景需求编辑器段落对应显示材料编辑器滚动时，材料同步滚动编辑器段落无数据时，材料不显示实现方法编辑器与材料组件左右布局获取编辑器高度，材料高度与编辑器高度一致禁用材料组件的滚动事件获取编辑器段落距离顶部的位置，对应材料的顶部高度与段落一致监听编辑器滚动高度，对应材料组件同步滚动当段落为空时，材料不显示当段落比材料短的时候，对应材料进行下移，避免材料重叠html代码//编辑器中段落代码这是第一段这是

mooonyuan·2024-08-24 11:59

使用Vue 2 + Element UI搭建后台管理系统框架实战教程

Vue2作为一个成熟的前端框架，以其轻量级和高效著称，而ElementUI则是一套专为桌面端设计的Vue2组件库，它提供了丰富的UI元素和组件，大大简化了后台管理系统的开发过程。

不知名靓仔·2024-08-24 10:26

Vue使用openlayers加载天地图

Vue使用openlayers加载天地图https://www.jb51.net/javascript/315236epf.htm

zsd_666·2024-08-24 10:54

【avue+vue2+elementui】删除、rules、页面跳转、列表数据过长、日期dayjs

这里写目录标题一、删除二、rules1.格式2.`trigger:"blur"`和`trigger:"change"`区分三、页面跳转四、列表数据过长截断五、日期dayjs一、删除API/***删除.*@param{*}data*@returns返参*/exportconstdeleteOrder=(data)=>{returnrequest({url:'/api/Order/deleteOrde

傻傻有内涵的我·2024-08-24 09:51

【avue+vue2】avue-token,iframe,postmessage,3d按钮权限显隐，avue列表数据过长省略和tooltip，选择框不要勾选

目录一、avue字典+token二、3diframe三、postmessage四、3d按钮权限五、avue列表数据过长省略+tooltip六、选择框不要勾选（avue）一、avue字典+token{label

傻傻有内涵的我·2024-08-24 09:21

VUE3配置sass、less全局变量

less配置流程和sass一致，把文中的scss换成less即可，less中变量定义为：@params-name安装sasssass-loader定义样式全局变量在style/variable.scss创建一个variable.scss文件,并定义全局变量$common-color:red项目中引入全局变量$在style/variable.scss创建一个variable.scss文件，并在vit

m0_50156032·2024-08-24 09:49

knowLedge-无关系组件间方法的调用(创建新的 Vue 实例来作为事件总线（Event Bus）方法实现)

1.前言在vue中两个组件无关系(非父子，兄弟即非直接关系)，要实现一个组件对另一个组件方法调用以及数据通信。vue本身没有直接提供非关系组件间通信的内置机制。

哟哟耶耶·2024-08-24 09:47

vue3使用canvas画动态虚线和普通虚线

1、使用ref封装虚线方法constdrawDashed=(x:any,y:any,x1:any,y1:any,color:any,width:any,canvas:any)=>{constctx=canvas.value.getContext("2d");ctx.lineWidth=width;ctx.strokeStyle=color;ctx.beginPath();ctx.setLineDa

Abao·2024-08-24 09:46

前端审查_Nginx

项目如何部署上线前端如何构建生产环境代码vueCli/vite/cra/umi等都是运行build脚本npmrunbuildbuild如何定义打包生产环境代码配置vueCli在配置文件vue.config.js

苦逼的猿宝·2024-08-24 08:11

Qt+vue开发桌面应用程序（二）Vue部分介绍

上一章介绍了Qt+vue开发桌面应用程序（一）Qt部分介绍，本文介绍Vue部分一、原理介绍主要是引入Qt5里面qwebchannel.js文件，再定义交互类和Qt5交互二、代码实现在Vue项目中的public

丁爸·2024-08-24 07:00

流程图编辑框架LogicFlow-vue-ts和js

LogicFlow官网https://site.logic-flow.cn/LogicFlow是一款流程图编辑框架，提供了一系列流程图交互、编辑所必需的功能和灵活的节点自定义、插件等拓展机制。LogicFlow支持前端研发自定义开发各种逻辑编排场景，如流程图、ER图、BPMN流程等。在工作审批配置、机器人逻辑编排、无代码平台流程配置都有较好的应用。效果图将此项目导入自己现有项目中：在自己现有项目中

懒员员·2024-08-24 06:29

vue组件封装——公用基础table组件

ui框架用的element-ui；vue版本为vue2（2.5.17）baseTable组件table+pagination{{scope.row[column.prop]}}exportdefault

h_jQuery·2024-08-24 06:27

Vue3学习——Node环境安装（一）

在进行Vue项目开发时，必须先安装Node.js。Node.js是一个基于ChromeV8引擎的JavaScript运行环境。

rain_love_snow·2024-08-24 06:57

探索 LogicFlow Vue Demo：一款强大的可视化建模工具

探索LogicFlowVueDemo：一款强大的可视化建模工具是一个基于Vue.js的逻辑流程图绘制库的示例项目，它为开发者提供了一种直观、易用的方式来创建和展示复杂的逻辑流程图。

杭律沛Meris·2024-08-24 06:57

2019-06-26vue-cli使用sass

save-devsass-loader//sass-loader依赖于node-sassnpminstall--save-devnode-sass修改style标签打开src目录下的components目录中的Hello.vue

Kason晨·2024-08-24 06:09

不同分辨率下vue页面的高度自适应

1.使用视口单位.element{height:100vh;/*使得元素高度等于视口高度的100%*//*可以减去一部分高度以适应页眉或页脚*/height:calc(100vh-100px);}2.使用百分比（%）高度.parent{height:100vh;/*父元素高度等于视口高度*/}.child{height:50%;/*子元素高度为父元素高度的50%*/}3.使用Flexbox或Gri

Abao·2024-08-24 06:24

vue @scroll监听滚动条事件，解决不生效问题

1、单纯加@scroll并不生效2、在配置@scroll同时在mounted加上一下方法mounted(){window.addEventListener('scroll',this.loadMore,true)},3、loadMore方法可以自己定义loadMore:function(e){console.log(e)}4、通过以上可以顺利监听滚动条监听事件

Long long ago.·2024-08-24 05:48

vue3中shallowRe用法介绍

shallowReactive、‌shallowRef和shallowReadonly是Vue3中CompositionAPI的一部分，‌它们用于创建响应式数据，‌但与普通的reactive、‌ref和

phpgolife·2024-08-24 04:13

Vue3的Hooks的使用创建（组合式API的灵魂）

可以利用toValue()工具函数来实现：import{toValue}from'vue'functionuseFeature

J不A秃V头A·2024-08-23 23:45

Vue Styled Components 新版本发布

仓库地址：https://github.com/vue-styled-components/core文档地址：https://vue-styled-components.com近段时间版本升级比较频繁，

来一杯奶茶呀！·2024-08-23 23:14

Vue computed多种使用场景和详细使用案例

Vue的computed属性是一种特殊的数据属性，它们根据组件中其他数据属性的值动态计算得出。computed属性是响应式的，只有当依赖的响应式数据发生变化时，计算属性才会重新计算。

夲奋亻Jay·2024-08-23 23:13

vue3什么场景使用computed?如何使用

比如说，我们有这样一个包含嵌套数组的对象：jsconstauthor=reactive({name:'JohnDoe',books:['Vue2-AdvancedGuide','Vue3-BasicGuide

fury_123·2024-08-23 23:42

uniapp-组件规范

uni_module、datacom、原生组件、uniCloud组件easycom：只要组件安装在项目的components目录下或uni_modules目录下，并符合components/组件名称/组件名称.vue

if.else.Z·2024-08-23 21:59

Vue axios在Spring Boot 的 Controller中接收数组类型的参数

现在我们来看看如何使用Vue的axios发送POST请求来调用这个接口。

serve the people·2024-08-23 21:58

计算机毕业设计之springboot+mpvue招聘网站招聘信息分享平台招聘信息分享小程序

介绍小程序端，使用美团小程序框架mpvue+有赞UI组件库Vant+蚂蚁金服数据可视化方案AntV等。后端基于SpringBoot+MyBatis+Redis+Mysql。

计算机毕业设计大全·2024-08-23 21:13

Vue3的三种样式控制及实现原理

个人知乎Vue3中一共有三种样式控制，分别是全局样式控制、局部作用域样式控制和深度样式控制，今天我们一起看下这三种样式控制的使用，以及实现的原理是什么。

沐爸muba·2024-08-23 19:19

深入理解Vue数据响应式

Vue数据响应式主要研究的是Vue构造选项中data属性的特性深入响应式官方文档网址：https://cn.vuejs.org/v2/guide/reactivity.html1.首先理解ES6的getter

雨溪滩·2024-08-23 18:20

electron-vite封装UI级的消息提示

说明Electron+Vite+Vue3+ElementPlusElectron中写提示有两种方案：系统级：electron带的dialog相关APIUI级：UI框架内部的提示，如ElMessage、ElMessageBox

前端没钱·2024-08-23 18:12

Vue3+ElementPlus el-date-picker设置可选时间范围

需求:选择年份，对应的日期范围选择器跟随年份变化，只可选当前年份ElementPlus的el-data-picker没有picker-options属性，但是提供了default-value属性可以设置不可选的日期这里我们定义一个方法disabledDateFun用来筛选符合要求的日期，接受一个date格式的对象作为参数，返回格式为Boolean//此函数接受date作为参数通过判断是否符合要求返

屠灵666·2024-08-23 18:41

(JS\VUE\REACT) div拖拽移动+控制大小（高度、宽度）及单独只控制div的宽度

一、div拖拽移动+控制大小（高度、宽度）1.演示数据拖拽测试数据01测试数据022.初始化（页面生成时调用）varbox=document.getElementById('box')vardrag=document.getElementById('drag')varscale=document.getElementById('scale')//调用拖拽方法this.dragTop(drag)//

丁先生320·2024-08-23 18:11

vue中table表格根据返回数据显示内容及表格字段对应的数据类型是数组

问题1：定义：方法：sfktHouse(row,index){if(row.stopType=="120000"){return"停机保号";}if(row.stopType=="230000"){return"到期停机";}}问题2：方法1：{{orderItems.goodsNbr}}方法2：//遍历table中roles数组rolesData(row){letarr=[]row.roles.

丁先生320·2024-08-23 18:11

vue面试题四

v-show和v-if是Vue.js中用于控制元素显示与隐藏的两个常用指令，但它们的工作方式和性能表现有所不同。

笃励·2024-08-23 18:41

vue面试题十四

一、Vue3的CompositionAPI主要包括哪些函数和钩子？

笃励·2024-08-23 18:41

若依/vue2引入threejs展示glb/gltf模型，以及画布截图功能

需求背景：前端对glb/gltf模型进行线上管理，支持上传本地模型，每次上传后展示模型，在提交给后端的时候带上该模型的截图，具体效果不便展示，相关代码如下：1.安装依赖//"three":"^0.162.0",npminstallthree2.引入依赖，初始化画布并渲染模型//1.引入import*asTHREEfrom"three";import{OrbitControls}from"three

怎么吃不饱捏·2024-08-23 18:40

vue面试题十六

**一、Vue3相对于Vue2有哪些主要改进和新增特性？**Vue3相对于Vue2在多个方面进行了显著的改进和新增了多项特性，这些改进旨在提升性能、提供更好的开发体验以及增强代码的可维护性和可读性。

笃励·2024-08-23 17:35

Vue页面中debugger失效

目录一、F12打开开发者工具，找到设置二、去掉自定义排除规则一、F12打开开发者工具，找到设置二、去掉自定义排除规则

Monly21·2024-08-23 17:32

vue3 语法糖＜script setup＞

在Vue3中，是一种新的语法糖，它极大地简化了组件的编写方式。是在单文件组件(SFC)中使用组合式API的编译时语法糖。当同时使用SFC与组合式API时该语法是默认推荐。

fishmemory7sec·2024-08-23 16:01

vue 2.0 对应vuex的commit用法

在Vue.js2.0中，commit方法通常与Vuex（Vue的状态管理模式+库）一起使用，用于触发mutation（更改Vuexstore中的状态的唯一方法）。

&loopy&·2024-08-23 16:26

vue mapActions的使用

在Vue.js中，特别是在使用Vuex进行状态管理时，mapActions是一个辅助函数，用于帮助我们将组件中需要调用的actions映射到本地方法上。