Vue基础学习第20页

全开源免费的客服系统来了

aboutCRMChat是采用Swoole4+Tp6+Redis+Vue+Mysql开发的独立高性能客服系统，客服系统用户端支持Pc端、移动端、小程序、文章中接入客服，利用超链接、网页内嵌、二维码、定制对接等方式让网上所有通道都可以快速通过本系统联系到商家

new_一个对象·2024-08-27 21:11

第五章整合相关资源（二）——整合 pinia

5.2整合piniaPinia官方文档Pinia是Vue的专属状态管理库，它允许跨组件或页面共享状态。

yu玉米mi·2024-08-27 16:07

283：vue+openlayers 4326和3857坐标系下的分辨率区别

作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第283个示例文章目录一、示例效果图二、示例简介三、配置说明四、示例源代码（共115行）五、相关文章参考一

还是大剑师兰特·2024-08-27 15:00

Vue多页面应用程序的构建

1、利用vue脚手架快速搭建项目目录a、vueinitwebpacktest生成项目目录b、npminstall安装项目依赖c、npmrundev运行项目页面2、新建项目文件：根目录下：html文件one.html

苦咖啡Li·2024-08-27 14:48

VUE复习笔记27（路由）

XKolento·2024-08-27 14:13

使用 UniApp 实现摄像头视频流的接入并在页面上显示视频流

UniApp是一个使用Vue.js开发所有前端应用的框架，它支持一次开发，多端部署（包括H5、小程序和APP）。下面我将展示如何使用UniApp实现摄像头视频流的接入，并在页面上显示视频流。

man2017·2024-08-27 13:18

2024最全前端面试系列（计算机网络）（非科班出身最薄弱的环节）

前端面试系列2020最全前端面试系列（ES6）2020最全前端面试系列（CSS）2020最全前端面试系列（VUE）2020最全前端面试系列（浏览器原理）2020最全前端面试系列（数据结构）常见状态码||

2401_84091468·2024-08-27 13:15

vue2/3 - 实现高德地图根据位置经纬度获取天气信息，vue使用高德地图根据当前定位读取天气（温度、风向、风速等），可在地图上进行标记高亮展示天气信息，显示地图和查询天气（详细示例代码，复制即用）

效果图在vue2、vue3项目开发中，利用高德地图根据地理位置获取查询天气信息，详细vue高德地图根据经纬度或城市名获取天气数据，并在地图上标记气泡弹框式展示出来。

街尾杂货店&·2024-08-27 12:44

SpringBoot+Vue疫苗接种管理系统新冠疫苗接种系统预约疫苗接种管理系统Java

：计算机毕业设计老哥有问题可以主页问我一、开发介绍1.1开发环境开发语言：Java数据库：MySQL系统架构：B/S后端：SpringBoot(Spring+SpringMVC+Mybatis)前端：Vue

计算机程序老哥·2024-08-27 12:46

UniApp 小程序

UniApp是一个使用Vue.js开发所有前端应用的框架，它允许开发者编写一次代码，就可以在多个平台上运行，包括H5、iOS、Android、小程序（如微信小程序、支付宝小程序等）以及桌面应用程序等。

ueing·2024-08-27 12:42

vue3项目中引入高德地图

第一步登陆高德开放平台，申请密钥第二步安装高德地图加载器npmi@amap/amap-jsapi-loader--save第三步在index.html中引入window._AMapSecurityConfig={securityJsCode:'你的安全密钥',//所申请的安全密钥注意这是安全密钥而不是key}第四步点标记获取详细地址和天气信息城市/区：{{state.weather?.provin

阿怪睡不着·2024-08-27 12:42

Vue：快捷文本

前端首页搜索重置新增修改删除导出{{(queryParams.pageNum-1)*(queryParams.pageSize)+scope.$index+1}}供应商销售对象0":total="total":page.sync="queryParams.pageNum":limit.sync="queryParams.pageSize"@pagination="getList"/>importa

Monly21·2024-08-27 12:41

vue学习笔记:v-model指令的修饰符

v-model指令的修饰符有三个，分别是：1.number作用：自动将用户的输入值转为数值类型。示例：2.trim作用：自动忽略输入内容的首尾空白字符示例：3.lazy作用：双向绑定时，当光标离开时才更新对应的变量示例：

子非余不知渔之乐·2024-08-27 12:39

el-table自定义排序

需求：Vue项目用到了el-table做的表格，需要前端根据指定条件去排序表格，后端没有进行排序。

百思不得小李·2024-08-27 11:37

vue el-table自定义排序

exportdefault{data(){return{tableData:[{date:'2021-01-01',name:'张三'},{date:'2021-01-02',name:'李四'},{date:'2021-01-03',name:'王五'},],};},};changeTableSort(column){//获取字段名称和排序类型varfieldName=column.propva

qq_35175478·2024-08-27 11:37

vue中el-table翻页序号连续+表格合计

1、遇到问题分页后数据的排序是不连续的解决方式：methods:{table_index(index){return(this.currentPage-1)*this.pageSize+index+1}（其中：this.currentPage为当前页码，this.pageSize为每页数据条数。）2、表格合计</

程序媛na·2024-08-27 11:36

Nuxt3 全局变量接口前缀全局配置，全局方法，全局状态管理

如下：nuxt.config.ts可以在public下定义全局变量，且public下的变量可以在客户端和服务端使用在其他任意vue或者js、ts文件中，可通过以下方式获取变量const{public:{

凉豆菌·2024-08-27 10:00

Vue3 递归组件

本文简介点赞+关注+收藏=学会了在日常Vue项目中，大概率会用组件库辅助开发，所以递归组件的出镜率可能不会非常高。但这并不代表递归组件不重要。本文用10分钟左右的时间让你掌握递归组件的用法。

德育处主任Pro·2024-08-27 10:26

vue 循环递归组件_vue2 递归组件--树形

递归组件，官方给的教程太简便了，根本看不出到底怎么用。于是自己查网摸索了一下，这儿只把核心思想写出来。效果如下图，点击后打开二级菜单，再点击后打开三级。//js//引子//思想：当v-if=‘false’时，循环时进行的。所以一开始就设置为false。ggg:{name:'gs',template:`我是p标签//这儿show必须要初始值为false，不然就是堆栈溢出，死循环。//这个是循环组件。

weixin_39650091·2024-08-27 10:56

“provide/inject“模式（依赖注入）

provide和inject是Vue.js中用于依赖注入的一对API，主要用于在组件树中跨层级传递数据。它们通常被用来避免多级组件层级之间的嵌套传递props。

默默@85·2024-08-27 10:55

【长文细说】20个ElementPlus核心组件以及使用技巧

ElementPlus是一个基于Vue3和Vite的组件库，它提供了一套丰富的UI组件，用于构建高质量的网页应用程序。

威哥爱编程（马剑威）·2024-08-27 09:24

vue数组合并几种常用方法

在Vue中，可以使用JavaScript的concat()方法或展开运算符(...)来合并数组。

beyondjxx·2024-08-27 05:27

vue js原生上传图片前压缩方法

//压缩图片compressImage(file,maxWidth=750){returnnewPromise((resolve)=>{constreader=newFileReader();reader.onload=function(event){constimg=newImage();img.src=event.target.result;img.onload=function(){//co

beyondjxx·2024-08-27 05:27

uniapp-:class内使用函数报错及解决方法

在开发时，需要根据状态动态的去渲染颜色，这个时候就用到了:class:class="hColor('2',item,index)"在vue内开发时，此代码片段可以正常使用在uniapp内开发时，相同代码报错

爱健身的小刘同学·2024-08-27 05:26

$router.back()携带参数，复杂类型参数和简单类型参数

需求来源:跳转到另外一个页面的时候,$router.back()返回的时候想携带一些参数,然后在返回的页面进行一些操作,虽然可以用vuex或者localstorage这些存储，但始终感觉不太好解决办法:

进阶的巨人001·2024-08-27 05:26

npm ERR! code CERT_HAS_EXPIRED npm ERR! errno CERT_HAS_EXPIRED npm ERR! request to https://registry.

requesttohttps://registry.npm.taobao.org/vue-loaderfailed,reason:certificatehasexpiredn

这孩子叫逆·2024-08-27 05:55

057 Project Setup & First Methods

示例index.htmlVueBasicsMonsterSlayerMonsterHealthYourHealthATTACKSPECIALATTACKHEALSURRENDERBattleLogapp.jsfunctiongetRandomValue

黄健华Yeah·2024-08-27 04:50

使用html+css+js+vue实现的迷宫游戏

游戏的展示项目概述1.界面初始化整个棋盘的大小通过读取可视窗口来计算，通过vue的onMountd钩子来调用棋盘初始化，根据玩家所选的难度生成不同的障碍物地形数量和npc数量以及npc的移动速度。

晚安778·2024-08-27 03:18

vue跟jQuery中的事件冒泡、事件捕获、事件委托（事件代理）

1、事件捕获、事件冒泡在JS中，我们管事件发生的顺序叫“事件流”标准的事件流：当dom触发了事件后，会先通过事件传播捕获到目标元素，然后目标节点通过事件传播实现事件冒泡事件传播：无论是捕获还是冒泡，都是靠事件传播一层一层传递的，当在某一层禁止事件传播，那么之后的步骤就不再进行了Tips：目标元素指的是触发事件的节点（1）事件捕获鼠标点击或者触发了dom事件，浏览器会从根节点（Document对象）

淑子啦·2024-08-27 02:13

Vue3实现word预览

1.安装依赖pnpminstall@vue-office/docx2.页面导入//导入依赖importVueOfficeDocxfrom"@vue-office/docx";//导入样式文件import

淑子啦·2024-08-27 02:43

vue3使用富文本

1、下载pnpminstall@wangeditor/editor@wangeditor/editor-for-vue2、引入和使用import'@wangeditor/editor/dist/css/

淑子啦·2024-08-27 02:43

如何在Vue3中使用Vue.prototype

前端菜鸟最近在开发新的项目，准备用Vue3，遇到了一些问题在2.X版本中创建一个vue实例是通过newVue()来实现的，到了3.X中则是通过使用createApp这个API返回一个应用实例，并且可以通过链条的方式继续调用其他的方法话不多说

淑子啦·2024-08-27 02:42

Java毕设项目汇总 - 5 - ssm框架+vue+源代码+论文等完整资料

✌️主要项目：小程序、SpringBoot、SSM、Vue、Java、Jsp等设计与开发。文末获取源码联系如需其他项目或毕设源码，可进主页看下往期的毕设资源分享哦，希望对您有帮助！

逃逸的卡路里·2024-08-27 01:06

Java毕设项目汇总 - 3 - ssm框架+vue+源代码+论文等完整资料

✌️主要项目：小程序、SpringBoot、SSM、Vue、Java、Jsp等设计与开发。文末获取源码联系如需其他项目或毕设源码，可进主页看下往期的毕设资源分享哦，希望对您有帮助！

逃逸的卡路里·2024-08-27 01:05

Vue项目实战系列（一）：如何修改个人信息

Vue项目实战系列（一）：如何修改个人信息当你登录网站的时候，那么你肯定会有自己的个人信息，比如昵称，账户名，头像，性别以及电话等等。

前期后期·2024-08-27 01:05

0基础学画画（鲸鱼），连载77/100天

大家好，我是大鱼漫说，你们可以叫我大鱼，我现在是一位零基础学习绘画的程序员。每日一问~小鱼问：看过你的视频，想知道，你画画时候的笔刷都是自带的吗？为什么有的我找不到呢？

大鱼漫说·2024-08-27 00:15

前端实习手记（6）：6不起来

本周也就做了个小小的需求吧，但也是磕磕巴巴的（被自己蠢哭）......不太，开心的一周，后面熟悉了就感觉好多了总结封装组件：自定义模特表单对话框AntDesignVuees6学习：ES6教程新增：自定义模特表单对话框功能概述点击主页面的新增按钮

椰果uu·2024-08-26 23:52

前端实习手记（7）：立秋快乐

这周也是立秋&七夕咯，立秋快乐哇家人们（虽然还是很热嘛）总结上周新增自定义表单对话框修改完善更多筛选模特对话框完成Vue.js筛选模特对话框功能概述筛选模特的性别地域信息，选中模特，点击确定会将模特添加模特列表的最前面并关闭对话框

椰果uu·2024-08-26 23:52

Vue 3弹幕案例

一、代码import{ref}from'vue';constprops=defineProps({numberSegment:{type:Array,default:function(){return[

G24gg·2024-08-26 23:21

封装fetch请求

fetch请求对IE不友好，而Vue3也IE不友好，那么之后在创建Vue3项目的时候是不是可以尝试用Vue3+fetch去代替axios呢？当然也不知道行不行，所以先记录下我对fetch的封装。

略略大魔王丶·2024-08-26 20:35

vue最早可以读取this的生命周期函数

在Vue中，最早可以安全地读取到this（即Vue实例及其属性，如data、methods等）的生命周期函数是created。created钩子在实例创建完成后被立即调用。

youhebuke225·2024-08-26 20:49

create-react-app集成antd-mobile，customize-cra扩展配置addLessLoader，lessOptions,fixBabelImports，实现主题定制和按需加载

听之前同事说uni-app坑多（高手勿喷，本人小白，没学过uni，不了解，仅仅听别人说，勿骂），另外最近taro比较活跃，并且可以使用react语法开发（也支持了最新的vue3）,果断放弃uni-app

凉菜凉凉·2024-08-26 18:05

Vue2 - 详细实现解析富文本内容生成侧边栏Toc目录索引，识别富文本内容根据标题h1~h6自动生成文章目录，点击目录导航时跳转到文章内容对应的锚点位置带过渡动画，鼠标滚动内容滑过锚点时高亮对应标题

前言如果您需要Vue3版本，请访问这篇文章。

王佳斌·2024-08-26 17:03

Vue 项目实战1-学习计划表

Vue项目实战1-学习计划表一、大致实现思路1.页面结构设计使用ElementUI的`el-card`、`el-form`、`el-table`等组件来构建页面的基本结构。

架构师ZYL·2024-08-26 16:25

水果在线购物网站商城系统解决方案毕设毕业设计.web期末作业设计网页.css网页成品参考

博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注大学生毕业设计教育和辅导。

黄菊华老师·2024-08-26 15:53

创建前端项目中架构基本流程(vue版)

本文章根据黑马程序员《大事件管理系统.md》整理编辑，不涉及具体项目实现，只整理项目前期准备的流程，具体项目实现可bilibili搜索黑马程序员获取此文档梳理搭建vue项目的基本流程及相应模板的创建本项目的技术栈本项目技术栈基于

小徐努力中·2024-08-26 15:50

uniapp怎么实现条形码

"uniapp"指的是UniApp，一个使用Vue.js开发所有前端应用的框架，可以编译到iOS、Android、H5、以及各种小程序等多个平台。在UniApp中实现条形码，你通常会使用第三方库。

那维莱特·2024-08-26 15:18

学习前端面试知识（16）

computed和watch参考文章vuecomputed计算属性，有缓存功能，底层通过dirty来判断是否重新计算，只有在依赖数据发生变化时才会重新计算，性能更好。不能进行异步操作。

BHDDGT·2024-08-26 14:47

外卖系统定制开发：技术选型与架构设计要点

常用的前端技术包括：框架：React、Vue.js或Angular状态管理：Redux、VuexCSS预处理器：Sass、Less打包

万岳科技系统开发·2024-08-26 13:07

计算机毕业设计Hadoop+Spark知识图谱体育赛事推荐系统体育赛事热度预测系统体育赛事数据分析体育赛事可视化体育赛事大数据机器学习大数据毕业设计大数据毕设机器学习人工智能

开发技术前端：vue.js、element-ui、echarts后端：springboot、mybatis大数据：spark、hadoop数据库：mysql关系型数据库、neo4j图数据库算法：协同过滤推荐算法

计算机毕业设计大全·2024-08-26 13:43

推荐频道

Vue基础学习