E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
vue组件传值
bus(兄弟组件间
传值
)
1.bus.jsimportVuefrom‘vue’exportdefaultnewVue;1.兄弟组件a按钮importBusfrom‘./bus.js’exportdefault{data(){return{message:‘’"}},methods:{bus(){Bus.$emit(‘msg’,‘我要传给兄弟组件们,你收到没有’)}}}3.兄弟组件b{{message}}importBusf
Alice_66
·
2023-12-27 07:42
vuex+localStorage解决vuex的持久化,并且在不同页面的之间监听localStorage的变化
项目需要新开一个页面,并且在这个页面数据改变时候,父页面需要做相关判断并刷新,尝试过vuex解决,发现vuex刷新失效查阅相关文档发现vuex无法持久化,vuex适合组件
传值
,并不适合页面之间
传值
,于是将
橘哥哥
·
2023-12-27 04:36
前端
前端
vuex
vue3实现祖先向下面组件
传值
import{provide,ref}from"vue"letcar=ref("奔驰")祖:provide("car",car)子孙:import{inject}from"vue"letcar=inject("car")
rootzql
·
2023-12-27 03:42
Vue组件
间的通信
在Vue.js中,组件间的通信可以通过多种方式实现。以下是几种常用的通信方式:父子组件通信:父组件可以通过props将数据传递给子组件,并且子组件可以通过事件($emit)将数据传递回父组件。这种单向数据流的方式非常适合简单的数据传递和反馈。子父组件通信:子组件可以通过$emit触发自定义事件,并将数据传递给父组件。父组件可以通过监听这些事件来获取子组件传递的数据。这种方式适用于子组件主动通知父组
代码真的养发
·
2023-12-27 02:56
vue.js
如何在Vue3中实现无缝热重载:提升你的开发效率
这意味着当你对
Vue组件
进行修改并保存时,这些更改会立即反映在浏览器中,而不会丢失当前的应用状态(例如,数据、
Vue组件
的状态等)。
诸葛妙计
·
2023-12-27 01:30
Vue编程笔记
vue.js
javascript
前端
经验分享
前端框架
ecmascript
typescript
Vue组件
开发系列之自定义滚动Scroll组件
组件源码:https://github.com/AntJavascript/widgetUI/tree/master/Scroll自定义组件我主要是用来解决手机端路由返回的时候,页面会自动滚动到顶部的问题image组件页面结构:代码分析:props参数:props:{scrollbar:{//是否显示滚动条type:Boolean,default:()=>{returnfalse;}},direc
vue爱好者
·
2023-12-27 01:10
vue使用ref调用子组件方法,数据问题
问题:在vue父子组件
传值
过程中,使用ref去调用子组件方法,没有在子组件中使用watch监听来调用调用子组件方法(使用watch就不会有这个问题)//父组件调用子组件方法exportdefault{data
有你有团
·
2023-12-26 21:49
jQuery 之$.ajax()的基本语法
一、基本格式1、向后台发送请求并
传值
向后台传递普通参数$(function(){$('#send').click(function(){$.ajax({//请求方式type:"GET",//发送请求的地址
Marvin-Fox
·
2023-12-26 19:47
前端
混入 (mixin)
混入(mixin)提供了一种非常灵活的方式,来分发
Vue组件
中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。
SY
·
2023-12-26 19:48
Vue组件
选项编写代码的特点和注意事项
Vue组件
选项编写代码有一些特点和注意事项,让我为你详细介绍一下。特点:声明式:使用
Vue组件
选项编写代码是以声明式的方式来描述应用的状态和视图,使得代码更加直观易懂。
无妄的罪
·
2023-12-26 18:07
vue.js
javascript
前端
flutter学习-day6-路由和传参和守卫
目录简单示例MaterialPageRouteNavigator路由
传值
命名路由路由守卫onGenerateRoute本文学习和引用自《Flutter实战·第二版》:作者:杜文1.简单示例//定义abuot
鹏多多.
·
2023-12-26 17:20
Flutter
flutter
学习
Vue生命周期钩子函数
生命周期钩子,生命周期函数,生命周期事件(不同名称,同一含义)含义:在
Vue组件
从创建到销毁的整个过程中,在不同时间节点可以自动执行的函数整个过程分为三个部分:创建阶段,运行阶段,销毁阶段创建阶段1、创建
SignalFire
·
2023-12-26 17:27
Vue
vue.js
前端
微信小程序_搜索图片功能实现
往期微信小程序文章小程序组件
传值
小程序自定义微信昵称和头像小程序制作markdown博客
yma16
·
2023-12-26 16:10
微信小程序_原生
微信小程序
小程序
javascript
vue 父子组件之间通过 v-model
传值
子组件,可以使用`modelValue`来接收通过`v-model`传递的数据,`modelValue`是`v-model`在子组件内部的一个特殊属性,用于双向绑定传递的数据。在Vuejs中,`v-model`用于实现表单元素的双向数据绑定,它实际上创建了一个名为`modelValue`的prop,并在子组件内部自动将这个prop更新为与父组件的数据保持同步,这是基于Vue的编译时行为和指令的实现
一嘴一个橘子
·
2023-12-26 15:49
vue3
vue.js
vue组件
间通信六种方式(完整版)
本文总结了
vue组件
间通信的几种方式,如props、$emit/$on、vuex、$p
前端小云儿
·
2023-12-26 15:11
vue
vue
@vuemap/vue-amap高德
vue组件
库常用技巧(五)- 动态标记
@vuemap/vue-amap是基于高德JSAPI2.0、Loca2.0封装的
vue组件
库,支持vue2、vue3版本。
vue-amap
·
2023-12-26 15:57
vue.js
前端
javascript
数据可视化
3d
@vuemap/vue-amap高德
vue组件
库常用技巧(六)- 点聚合
@vuemap/vue-amap是基于高德JSAPI2.0、Loca2.0封装的
vue组件
库,支持vue2、vue3版本。
vue-amap
·
2023-12-26 15:57
vue.js
前端
javascript
数据可视化
3d
@vuemap/vue-amap高德
vue组件
库常用技巧(八)- 线
@vuemap/vue-amap是基于高德JSAPI2.0、Loca2.0封装的
vue组件
库,支持vue2、vue3版本。
vue-amap
·
2023-12-26 15:57
vue.js
javascript
数据可视化
前端
3d
13.1,组件的概述
就就可以直接去调用对应的组件即可组件化和模块化的不同模块化,是从代码的逻辑角度划分的组件化,是从UI界面的角度进行划分的,前端的组件化,方便UI组件的重用如何定义全局组件方式一使用Vue.extend来创建全局的
Vue
coderymy
·
2023-12-26 13:05
vue2项目使用ant design
vue组件
库table组件时设置column根据接口返回的字段值显示不同内容
需求:vue2项目使用antdesign
vue组件
库table组件时设置column根据接口返回的字段值显示不同内容举例:1、引用table:{{$t('m.edit')}}{{$t('m.ydel')
几个高兴
·
2023-12-26 11:05
vue.js
javascript
前端
Vue解决父子组件
传值
,子组件改变值后父组件的值也改变的问题
vue开发过程中,父组件通过props
传值
给子组件,子组件在页面展示父组件的值,在操作子组件值以后,即使不点击确定按钮,父组件中的值也发生了变化,但是需求是操作子组件数据以后,必须点击"确定"按钮以后才能修改父组件的值
邹荣乐
·
2023-12-26 08:57
vue
vue.js
父子组件
改变值
props传值
JSON.parse
JSON.stringify
深拷贝
vue组件
的类型及特点
vue组件
的类型及特点如果想要对组件进行类型划分,从实现的功能以及所具备的特点来划分,大致可以归纳为:动态组件、缓存组件、异步组件、函数式组件+JSX、递归组件等动态组件:通过动态确定要显示的组件,is
第10086个小白
·
2023-12-26 08:07
vue.js
前端
javascript
三阶段--day05--Vue.js MVVM 基本语法 分支结构 循环结构 form表单数据绑定 表单修饰符 计算属性 数组操作方式 vue生命周期
目录一、VueJS1、VUE介绍2、
VUE组件
说明二、VUE基本语法1入门案例2数据显示3双向数据绑定1)双向数据绑定原理4MVVM设计思想5事件绑定v-on:6按键触发7计算器8按键修饰符9属性绑定v-bind
心猿意码~~
·
2023-12-25 22:20
vue.js
javascript
vue组件
子组件修改变量同步修改父组件
父组件:import{ref}from'vue'importMyComponentfrom'./MyComponent.vue'constname=ref('v-modelargumentexssmple'){{name}}父组件中绑定传递的值使用v-modle然后子组件中可以使用update:(变量name)的emit事件直接修改父组件中传递给子组件的值子组件:letprops=definePr
Aucanon
·
2023-12-25 21:06
vue.js
javascript
前端
Vue 创建虚拟DOM元素的几种方式和实际应用。
目录创建虚拟DOM元素的方式创建一个简单的元素:创建一个带有属性的元素:创建一个带有子元素的元素:创建一个带有事件监听器的元素:创建一个
Vue组件
创建一个带Props的组件创建一个带Slot的组件实际应用创建虚拟
软件星
·
2023-12-25 18:00
大前端
vue.js
javascript
前端
Element UI中el-date-picker设置日期格式
今天写代码时候发现,数据库表里需要的日期格式是yyyy/MM/dd,做模糊查询前端elementui日期框默认
传值
格式是yyyy-MM-ddTHH:mm:ss.393Z通过百度搜索,可以使用以下方法改变日期格式为
CrazyDogMan
·
2023-12-25 17:29
算法基础之数字三角形
数字三角形核心思想:线性dp集合的定义为f[i][j]–>到ij点的最大距离从下往上
传值
父节点f[i][j]=max(f[i+1][j],f[i+1][j+1])+w[i][j]初始化最后一层f=w#includeusingnamespacestd
阳光男孩01
·
2023-12-25 14:49
算法
c++
开发语言
数据结构
图论
Vue中父子组件,爷孙组件
传值
1.父组件向子组件
传值
步骤:父组件中引入子组件、调用子组件并引用、在引用的标签上给子组件
传值
。定义parent.vue父组件,向子组件
传值
我是父组件importchildfrom".
羽翼的翼
·
2023-12-25 13:52
29 Vue3中父组件如何向子组件
传值
概述通过prop传递值给子组件在Vue3中是非常常用的方法。比如,我们可以设计一个卡片组件,往这个组件中,传递标题和内容,卡片会进行相应的渲染。基本用法我们创建src/components/Demo29.vue,代码如下://定义要接收的属性constprops=defineProps({title:String,content:String,})标题:{{props.title}}内容:{{pr
Python私教
·
2023-12-25 13:22
vue.js
前端
javascript
08-vue-cli 本地存储
一、介绍在以前javaEE的jsp开发中,如果两个页面
传值
,我们用session或者request存储,jsp页面用el表达式去取.而现在前后端分离开发后,没用jsp,也就无法用el表达式再去取值了。
喜乐L
·
2023-12-25 11:40
前端页面以及框架
java
前端
javascript
【C++练级之路】【Lv.4】类和对象(下)(初始化列表,友元,static成员,编译器的优化)
2.1概念2.2特性三、友元3.1引入3.2友元函数3.2.1概念3.2.2特性3.3友元类3.3.1概念3.3.2特性四、内部类4.1概念4.2特性五、匿名对象六、编译器的优化6.1传参优化6.1.1
传值
传参
快乐的流畅
·
2023-12-25 11:15
进击的C++
c++
开发语言
使用props / $emit实现
Vue组件
间通信
Vue组件
间通信可分为:父子组件之间通信非父子组件之间通信(兄弟组件、隔代关系组件等)父组件通过props的方式向子组件传递数据,而子组件可以通过$emit向父组件通信1.父组件向子组件
传值
//App.vue
蛋黄派i
·
2023-12-25 09:57
vue.js
前端
javascript
google C++ 编程规范中的禁用复制构造函数和赋值运算符
定义:通过拷贝新建对象时可使用拷贝构造函数(特别是对象的
传值
时)。优点:拷贝构造函数使得拷贝对象更加容易,STL容器要求所有内容可拷贝、可赋值。
waponx
·
2023-12-25 08:01
C++路漫漫
c++
谷歌
google
编程规范
vue3 element plus 设置一个公共树控件以及父子之间的
传值
//tree的代码{{props.name}} {{scope.node.label}}import{defineEmits}from'vue'constemit=defineEmits(['childfun'])constprops=defineProps({name:String,Tree:null,nodekey:Number,})consthandleNodeClick=(dat
隐含
·
2023-12-25 07:21
vue.js
javascript
前端
vue中父子组件
传值
props中exportdefault{ props:{ name:String }, setup(props){ console.log(props.name); }}子传父传:触发,给一个事件
传值
贰零壹玖.
·
2023-12-25 02:41
vue.js
javascript
前端
Echarts——饼图的
vue组件
导入:data数据即可。格式:[{name:‘’,value:0}]故障类别可视化exportdefault{props:{data:{type:Array,}},name:"piechart",watch:{data:{deep:true,handler:function(val,oldVal){this.initChart();}}},methods:{initChart(){varchart
狮子座的程序员
·
2023-12-25 01:18
VUE
echarts
vue.js
javascript
3D饼状图,3D环形图, vue饼状图组件, 3D饼状图环形图封装
vue组件
, echarts-gl 3D饼状图环形图, vue3 3D饼状图环形图组件
效果是这样的。完整代码在最后面。第一步先安装echart和echarts-gl,安装新版的即可,安装完成后,在项目中新建一个Vue文件,在新文件中引入,或者在main.js中全局引入npminstallecharts--savenpminstallecharts-gl--saveimport*asEchartsfrom'echarts';import'echarts-gl';二组件封装1先弄个盒子
爱新觉罗·苟子
·
2023-12-25 01:17
echarts
vue.js
前端
解决iframe跨iframe
传值
跨域问题
最近在项目中遇到过一种情况,在iframe里面再次嵌套了iframe,第一个iframe里面的是别的项目,第二个iframe里面的是自己的项目,然后点击第二个iframe里面的按钮弹出一个最外层的modal,关闭modal刷新第二个iframe里面的数据遇到的问题是:通过postMessage,在第二个iframe里面通过postMessage来通知最外层打开modal,但是最外层无法通过链式访问
0110_1024
·
2023-12-25 01:40
JavaScript
javascript
iframe
跨域
vue在线预览文件,支持(docx、xlsx、pdf)
这里推荐一个库vue-office,vue-office是一站式解决(docx、.xlsx、pdf)预览的
vue组件
库。
sea_lichee
·
2023-12-24 22:47
vue.js
pdf
前端
笔记
react
传值
文章目录父子
传值
父组件子组件状态管理父子
传值
父组件import{useState}from"react";importZifrom".
大牙Adela
·
2023-12-24 19:48
react.js
javascript
前端
vue实验报告5 Tab栏的切换案例(使用路由)
一、实验要求:请使用Vue路由相关知识手动实现Tab栏切换案例,要求如下:a.创建一个components/Message.
vue组件
,用来展示页面内容。
lsy永烨
·
2023-12-24 17:23
vue实验报告
vue.js
javascript
前端
uniapp日常总结--uniapp页面
传值
uniapp日常总结–uniapp页面
传值
在Uniapp中,不同页面之间
传值
可以通过以下几种方式实现:文章目录uniapp日常总结--uniapp页面
传值
1.URL参数传递:2.使用页面参数(Query
狐说狐有理
·
2023-12-24 15:04
Uniapp日常总结
uni-app
前端
javascript
C++_拷贝构造函数
目录1、拷贝构造的实现2、
传值
方式接收实参的影响3、const修饰形参别名4、
传值
返回的拷贝构造4.1传引用返回的拷贝构造5、默认拷贝构造函数5.1对内置类型的拷贝5.1对自定义类型的拷贝结语:前言:拷贝构造函数的作用是实现对象的拷贝
efls111
·
2023-12-24 14:48
C++
c++
开发语言
VUE渲染后端返回含有script标签的html字符串
需要重新创建一个空白
Vue组件
,用router进行传参,传参方式(新窗口打开)letroute
冷幽悠
·
2023-12-24 12:34
Web前端
vue
vue源码分析-插槽原理
Vue组件
的另一个重要概念是插槽,它允许你以一种不同于严格的父子关系的方式组合组件。插槽为你提供了一个将内容放置到新位置或使组件更通用的出口。
yyzzabc123
·
2023-12-24 07:21
vue.js
vue插槽的使用
1、默认插槽的使用假设有app.vue和test.
vue组件
在app.vue中//下面这个test是一个组件在test组件里面加入图片我是组件里面的数据在test.
vue组件
中头尾如果没有使用插槽的表现为表明没有解析
努力学前端Hang
·
2023-12-24 07:19
vue
vue.js
前端
javascript
Vue3 关于 provide、inject 的用法
前言:在前端项目中牵扯的最多的莫过于组件之间的
传值
了,除了最最常用的props和emit,其实在Vue中还额外提供了另外几种方法。今天分享一种组件之间通信的方法。
修复bug
·
2023-12-24 01:34
前端
vue.js
javascript
Vue中使用 vditor 使用详细步骤,代码以及注释,效果图
Vditor在Vue中编辑并展示Markdown文本的步骤如下:1.安装Vditor:使用npm安装Vditor插件:npminstall--savevditor2.导入Vditor:在需要使用Vditor的
Vue
魔术师ID
·
2023-12-24 00:16
vue.js
前端
javascript
通过讯飞 API 接口用 Vue 实现实时语音转写
因为找了一下点击按钮然后进行语音转写的现成的
Vue组件
没有找到能用的,所以只能够自己写一下啦。具体实现(采用WebSocket进行通讯)的代码参考官方提供的demo
xwhking
·
2023-12-24 00:47
vue.js
前端
javascript
微信小程序页面之间的
传值
微信小程序还是基于html和js来做,因此页面之间的
传值
,和网页中的url之间的跳转很相似,将参数拼接在url中(请注意如果数据量大的话,通过url拼接参数会传递不完整,可以采用全局变量来做,或者使用微信小程序的本地存储功能
helang1991
·
2023-12-24 00:43
上一页
16
17
18
19
20
21
22
23
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他