初级vue

Vue3中的reactive，shallowReactive，ref，shallowRef；readonly，shallowReadonly； toRaw，markRaw简单介绍

reactive：深度劫持（深监视）shallowReactive：浅度劫持（浅监视）ref:深度劫持（深监视），做了reactive的处理shallowRef：不做监视readonly:只读属性的数据，深度只读conststate2=readonly(state)shallowReadonly:只读的数据，浅只读的toRaw:·作用：将一个由reactive生成的响应式对象转为普通对象·使用场景
会说法语的猪·2024-08-28 17:21

VUE3-shallowReactive函数与shallowRef函数（14）

当前的x.y值是：{{x.y}}点我替换x点我x.y++
「已注销」·2024-08-28 17:20

vue中使用day.js实现时间格式的互相转换

简介Day.js是一个轻量的处理时间和日期的JavaScript库，被设计用于在浏览器和Node.js中工作。安装npm安装>npminstalldayjs--save项目中使用importdayjsfrom'dayjs'//或vardayjs=require('dayjs')dayjs().format()常用正常时间格式转Unix时间戳(毫秒)let<
疯狂拔头发·2024-08-28 17:46

vue如何获取div的宽度_vue 动态获取div宽高有时候为0的情况

项目背景：需要使用echarts进行图表展示。由于div宽高是不固定的，因此需要先获取父级的宽高再把值赋予到图表的div中。需要使用this.$nextTick(()=>{});方法，在mounted中，保证DOM渲染完全后，在进行echarts初始化。importechartsfrom'echarts';exportdefault{name:"wifiCollect",props:{classN
weixin_39801613·2024-08-28 17:46

vue.js 获取当前屏幕的宽度_js获取浏览器和屏幕的各种宽度高度

一：网页可见区域宽高，不包括工具栏和滚动条(浏览器窗口可视区域大小)1.对于IE9+、chrome、firefox、Opera、Safari：window.innerHeight浏览器窗口的内部高度；window.innerWidth浏览器窗口的内部宽度；2.对于IE8.7.6.5:document.documentElement.clientHeight:表示HTML文档所在窗口的当前高度；do
梦终会碎·2024-08-28 17:15

vue前端动态获取页面高度宽度

data(){return{//设置页面某元素需要设置的高度宽度变量eleHeight:0eleWidth:0}},created(){//初始化获取元素的高度宽度handleResize()},mounted(){//绑定事件，窗口resize时候触发函数handleResize，这句是核心window.addEventListener('resize',this.handleResize);}
Hrational·2024-08-28 17:42

Vue3+TS Element Plus 中Table同时只能展开一行且能关闭

el-table有展开行功能，但是展开多行并不好看，所以需要设置expand只展开一行，用expand-change可以实现。@expand-change=""//展开或是关闭时执行的函数:expand-row-keys=""//设置当前展开行，要求值为数组(白话就是存放在这个数组的ID会在页面中展开,没有就不会展开):row-key=""//设置行的唯一标识，用于配合expand-row-key
lemontree-xy·2024-08-28 16:40

中原焦点团队焦点解决网络初级23期王丹 坚持原创分享第16天 （2020.07.24）接纳孩子的情绪

我们常常认为“接纳孩子的情绪”就是要接纳孩子的坏情绪，当孩子心情不好的时候给他们一些空间，但是很容易忽略了接受孩子的好情绪。今天哥哥一家人回来了，侄子还没到家就给我们发微信，能听的出来他很兴奋。到家后侄子就开始跟我讲他去科技馆看到的有趣的东西，我实在不忍心打断他，于是听他讲了两三个小时，最后要吃饭了他还意犹未尽。这个过程中他很兴奋，而且也很愿意帮我一起照顾弟弟，帮我们做一些事，我就负责听他讲，时不
8ede3d21a1c3·2024-08-28 16:12

vue element-ui表格table 表格动态 添加行、删除行、添加列、删除列 自定义表头

vuetable表格动态添加行、删除行、添加列、删除列自定义表头；增加一行、删除一行、添加一列、删除一列；每行带输入框input代码1、HTML部分：删除列删除行增加行增加列2、JS部分：exportdefault
哆啦唉m·2024-08-28 15:04

vue事件监听

我们可以使用v-on指令(简写为@)来监听DOM事件，并在事件触发时执行对应的1.回车事件（点击回车触发）@confirm适用[email protected]适用vue3运用场景：通常在文本框输入的时候使用
小汤猿人类·2024-08-28 15:03

2013-2023年 中国MOD17A3H植被净初级生产力（NPP)数据

中国MOD17A3H植被净初级生产力（NPP）数据是基于NASA的MODIS卫星遥感数据计算得出的，这些数据对于评估生态系统碳收支、碳循环以及气候变化的影响具有重要意义。
小王毕业啦·2024-08-28 15:33

焦点解决网络初级班25期徐惠娟坚持分享第23天

焦点解决给我带来希望，以前觉得自己所学的没有用到生活中！学过都到忘掉了，可是今天和家人聊天发现好像唠不下去了！家人述说每件事都是满满的负能量！也许以前我会很快赞同，可是今天我感觉观点不同，思考的角度不同，能从各个方面考虑问题。也很能理解他人，原谅他人！感觉自己进步很大！
释怀juan·2024-08-28 15:08

node.js毕业设计基于微信小程序寸金校园租车平台（源码+程序+LW+部署）

欢迎交流项目运行环境配置：Node.js+Vscode+Mysql5.7+HBuilderX+Navicat11+Vue+Express。
node-php毕设程序源码·2024-08-28 14:31

微信小程序uniapp+vue电动汽车租赁充电管理系统springboot

电动汽车租赁管理系统的开发设计时一个独立的系统，以流行数据库进行数据的存储开发，主要是为了实现电动汽车租赁管理系统的用户角色及相对应的功能模块，让电动汽车租赁管理系统的管理不会存在管理差异、低效率，而是跟传统的管理信息恰好相反，电动汽车租赁管理系统的实现可以节约资源，并且对于业务的处理速度也提高，速度快、效率高，功能性强大。基于Android的电动汽车租赁管理系统的设计基于现有的安卓手机上运行，可
qq840612233·2024-08-28 14:01

vue08 基础-表单输入绑定

▲v-model会忽略所有表单元素的value、checked、selectedattribute的初始值而总是将Vue实例的数据作为数据来源。
斯诺斯诺斯诺_c21f·2024-08-28 14:23

vue3 集成天地图，完美实例

在Vue3中，你可以使用天地图JavaScriptAPI进行集成。
cesske·2024-08-28 14:27

vue事件绑定

vue事件处理：1指令的语法格式：｛｛插值语法｝｝“表达式”位置都可以写什么？常量，js表达式，vue实际所管理的xxx2在vue当中完成事件绑定需要哪个指令呢？
软件技术NINI·2024-08-28 12:17

vue实现穿梭框功能（ES6语法）

1、vue两种实现穿梭框的方式。方式一：Vue结合ES6语法实现穿梭框。（优点：自写组件复用性强，易修改）方式二：引入Element中transfer插件简单写了CSS样式和HTML。
lucky*girl·2024-08-28 12:45

vue想对象里面添加键值对的方法

1、Vue.set(target,propertyName/index,value)Vue.set(要填加的数组名称,键,值)2、Object.assign('对象'，{key:'value'}
lucky*girl·2024-08-28 12:15

VUE根据url下载文件

方法一：constdownloadRes=async()=>{letresponse=awaitfetch(url);letblob=awaitresponse.blob();letobjectUrl=window.URL.createObjectURL(blob);leta=document.createElement('a');a.href=objectUrl;a.download=res.s
lucky*girl·2024-08-28 12:15

vue动态改变css样式

要求：切换按钮后改变css的样式实现思路：循环数组，然后添加点击事件，获取到当前点击的index根据数组的下标去动态的改变样式。状态筛选{{item.name}}分类筛选{{item.name}}data中需要定义的数据信息activeIndex:0,//状态筛选的图片activeIndexs:0,//分类筛选的图片事件中方法的处理//todo查看当前选中的时那个状态的value值checknow
lucky*girl·2024-08-28 12:45

vue中内嵌iframe的src更新页面未刷新问题的解决方法

--写项目又叕叕遇到问题了--vue中内嵌iframe的src，虽然是定义变量动态获取src如下--但是iframe的内部页面没更新原因：iframe的src中如果带hash=>#,src改变是不会刷新的内部页面的
前端-七木·2024-08-28 11:08

修改ui框架样式 以及 sass 样式穿透

在vue开发中如果使用了某个ui框架，但是想更改的他的样式，我们肯定都会去控制台，找到这个元素的类名并且重新为他设置样式，但是有的时候发现更改不了，一定会以为是权重的问题，然后你就，一顿加!
callBack_____·2024-08-28 11:07

如何使用Vue 3和Type Script进行组件化设计

在Vue3中，CompositionAPI是一种全新的逻辑复用和代码组织方式，它允许你将组件的逻辑（如响应式状态、计算属性、方法、生命周期钩子等）封装到单独的函数中，从而提高了代码的可复用性和可维护性。
yang295242361·2024-08-28 10:06

vue3插件原理

概览vue3的生态圈提供了许多方便的插件或者工具，比如pinia、vue-router和ElementPlus等，使用插件的写法一般如下:constapp=createApp(App);app.use(
Jinuss·2024-08-28 10:04

基于 Vue 3 和 Element Plus 构建图书管理系统

基于Vue3和ElementPlus构建图书管理系统本文将介绍如何使用Vue3和ElementPlus构建一个简单的图书管理系统。
前端第一深情·2024-08-28 09:00

前端面试题（vue篇）

前端面试题（vue篇持续更新ing）1.v-if和v-show的区别？v-if和v-show是Vue.js中用于条件渲染的指令，它们的作用是根据表达式的值来控制元素的显示与隐藏。
前端第一深情·2024-08-28 09:00

webpack vue-loader was used without the corresponding plugin

webpackvue-loaderwasusedwithoutthecorrespondingplugin.MakesuretoincludeVueLoaderPluginwebpack在配置的时候总是报这个错在网上找了很多方法都不行按照网上的方法配置
轩辕夜空·2024-08-28 09:17

lottie在前端引用

以在vue中使用为例一、下载lottienpmivue-lottie-S二、在main.js中引入vue-lottieimportlottiefrom'vue-lottie'Vue.component(
一个萌新小土豆·2024-08-28 09:27

vue实现抓娃娃机效果

1.抓娃娃机随机抓取底部多行娃娃左右滚动，点击开始随机抓取exportdefault{data(){return{yidongtime:null,yidongtimeright:null,yidongright:0,yidongleft:0,zhuazhu:'',zhuasrc:require('../assets/jiazi.png'),//按钮图片isend:true,long:0,list:
一个萌新小土豆·2024-08-28 09:27

vue3+uniapp+springboot开发校园点餐系统/微信点餐小程序03-项目路由安装

配置别名依赖安装3.tsconfig.json里面添加如下代码4.如果别名配置还报错的，src下新建vite-env.d.ts二、安装路由1.安装依赖2.新建路由文件3.main.ts里面引入路由4.修改App.vue
java项目实战教程·2024-08-28 08:25

懂得变通，不通亦通

中原焦点团队初级25期梁利坚持分享第102天行走中的人，既要能够看到远处的山水，也要能够近看自己脚下的路。变通，即是为了通过，更是为了向前。
风中的竹·2024-08-28 08:32

什么是响应式?

表达式:用于表达式进行插值,渲染到页面之中语法:{{表达式}}案例{{arr[2]}}{{9+5}}{{"神奇"}}import{ref}from'vue';vararr=ref([1,2,4,5])响应式
小汤猿人类·2024-08-28 08:22

“鹰飞计划”前期准备 | 工作软件环境 | 基本素质

https://www.jetbrains.com/products/我电脑上的一些ide：HBuilderX：我开发uniapp（小程序）的时候需要用到，它也能开发vue，但是我觉得这个ide的功能不太让我舒服
Jacob_胡云飞·2024-08-28 07:26

实现一个Vue页面多次复用一个echarts组件的数据传递（setup语法糖写法)

的传递最终发现实际上是同一个问题哈哈注：id的传递的传递是为了防止由于id相同导致第二个echarts图覆盖第一个echarts图解决方案：实现效果的代码如下：父组件：importchartfrom'@/category/chart.vue
起飞001·2024-08-28 06:37

mongodb数组操作符

匹配数组中至少有一个能完全匹配所有的查询条件的文档{:{$elemMatch:{,,...}}}2.示例查询tags中同时拥有html和js的文档db.person.insert([{name:'zs',tags:['html','js','vue
无名之辈无名之辈·2024-08-28 06:07

基于ssm+vue废品回收管理系统设计与实现【开题+程序+论文】

本系统（程序+源码）带文档lw万字以上文末可获取一份本项目的java源码和数据库参考。系统程序文件列表开题报告内容研究背景随着社会的快速发展和人们生活水平的不断提升，垃圾产生量急剧增加，垃圾分类与回收已成为环境保护和可持续发展的关键议题。然而，当前废品回收领域仍面临着诸多挑战，如回收效率低、分类不准确、居民参与度不高等问题。传统的人工分类方式不仅耗时费力，且难以保证分类的准确性，严重制约了废品回收
sheji404·2024-08-28 05:33

焦点网络初级13期2019.2.21坚持分享第93天

昨天在讨论的环节偶然听带教刘老师提起焦点13项技术，赶紧翻看刘老师很早寄过来的课件上，果然有。而且有非常清楚的介绍。记得这个课件很早就收到了，当时打开看了一遍，什么也看不懂。如今已经13次课了，在看这些内容是绝大多数都是学习过的，很熟悉。此时的自己和感受已经与那时候完全不同了。
ruby吕·2024-08-28 05:18

中原焦点网络初级班第32期学员呼坚持分享第93天2022年2月18日

今天听公主的月亮的故事，对我的感受很深，以前只是把这个故事讲给孩子听，没有想那么多，今天从叙事角度来看这个故事，真的不一样。公主的月亮是什么样的？那么多大臣都没有答案，只有公主知道。咨询中，面对来访者，来访者的问题也只有来访的能有答案。我们只是访问专家，要能问出好问题。那么面对家里的孩子，我们也要更多的尊重孩子，只有孩子知道自己最喜欢什么，最擅长什么。家长能给的更多的是陪伴、等待孩子慢慢成长。
简单_8c47·2024-08-28 04:23

C/C++ 初级球球大作战练手

效果演示：https://live.csdn.net/v/385490游戏初始化#include#include#include#include#include#include#include#include#includeusingnamespacestd;#pragmacomment(lib,"winmm.lib")//所需要的库引入需要准备的相关宏定义:#defineWIN_WIDTH102
百年孤独_·2024-08-28 04:52

中原焦点团队网络初级29期李俊坚持分享第43天2021.9.8

今天上午约练做来访者，因为昨天的问题想咨询一下，看自己的负面情绪为什么会持续那么久。咨询师让我看到了自己的“不舒服”的背后有不被尊重，自己被否定，别人看不上自己，还有被抛弃的感觉。不被尊重的背后是认为自己不够好，所以别人才会选择离开。其实是我不够自信，我认为自己不够好，其实别人的行为只是触动了我的伤口。那个伤口一直都在，很多年了。我对自己的否定要超越别人对我的否定。只有相信自己，认可自己的时候，才
世因你而美丽·2024-08-28 03:28

使用Vite+Vue3创建Cesium项目

Vite+Vue3+Cesium项目模版Cesium是AGI公司计算机图形开发小组与2011年研发的三维地球和地图可视化开源JavaScript库，Cesium一词来源于化学元素铯，铯是制造原子钟的关键元素
IT界胖猫·2024-08-28 03:49

快速删除前端vue项目的依赖

npminstallrimraf-grimrafnode_modules有些时候项目启动不在希望的端口，解除端口占用8080是被占用的端口netstat-ano|findstr:808011120是找到的进程taskkill/PID11120/F在网页创建新分支devgitremoteupdateorigin-p//更新远程分支gitbranch-a//查看所有分支gitcheckoutdev//
代码老祖·2024-08-28 03:47

【Vue3 工程自动化】自动导入多个组件

一、Vue2.X版本：require.context()require.context(dirname,useSubdirectories,RegExp)是一个webpack的api，通过该函数可以获取一个上下文
MagnumHou·2024-08-28 03:17

Vue双向数据绑定原理与实现

看到一文大佬写的超级棒就转载了，地址如下：https://www.cnblogs.com/wangjiachen666/p/9883916.html
LingSun·2024-08-28 03:35

使用Vue创建cesium项目模版该如何选择？

使用Vue,创建Cesium项目的时候，提示需要选择一个模版（如下图所示），该如何选择项目模版选，总结如下：模版说明及选用建议Cesium是一个开源的JavaScript库，用于在网页上创建3D地球和2D
激动的兔子·2024-08-28 03:16

vue 如何合并两个 项目_Vue.js中用webpack合并打包多个组件并实现按需加载

使用Vue开发项目时，如果要使用其单文件组件特性，必然要使用webpack或者browserify进行打包，对于
weixin_39959236·2024-08-28 02:42

vue 如何合并两个 项目_实例详解Vue基础学习之项目整合及优化

Vue基础学习之项目整合及优化前言使用webpack构建过Vue项目的同学应该知道alias的作用，我们可以使用它将复杂的文件路径定义成一个变量来访问。
weixin_39690401·2024-08-28 02:42

李晶晶 焦点网络初级29期 洛阳 持续原创分享第44天（2021-3-20星期六）约练5次

避免预设立场：1、觉察自己问问自己此刻内心发生了什么2、安顿自己在发生事情的当下，以鼻吸嘴吐的方式，进行几次深呼吸，借由呼吸来平稳和安顿自己，才有可能继续与孩子从容对话。3、聆听孩子带着较为平静的心情打开自己的耳朵，同时先将嘴巴闭上，学习聆听，以孩子的立场而言，他发生了什么？4、引导孩子试着让孩子说出他想要如何解决自己的问题，以及协助孩子整理中间的利弊得失。
幸福_7916·2024-08-28 01:39

vue将两个项目整合成一个

关于自动化部署两个项目合并一个项目的解决方案vue-cli3多项目整合到一个项目中维护打包发布vue-cli3多项目整合到一个项目中维护打包发布
ToOTOooo·2024-08-28 01:07
上一页 26 27 28 29 30 31 32 33 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他