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

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

如何在Vue3中实现无缝热重载：提升你的开发效率

这意味着当你对Vue组件进行修改并保存时，这些更改会立即反映在浏览器中，而不会丢失当前的应用状态（例如，数据、Vue组件的状态等）。
诸葛妙计·2023-12-27 01:30

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

flutter学习-day6-路由和传参和守卫

目录简单示例MaterialPageRouteNavigator路由传值命名路由路由守卫onGenerateRoute本文学习和引用自《Flutter实战·第二版》：作者：杜文1.简单示例//定义abuot
鹏多多.·2023-12-26 17:20

Vue生命周期钩子函数

生命周期钩子，生命周期函数，生命周期事件（不同名称，同一含义）含义：在Vue组件从创建到销毁的整个过程中，在不同时间节点可以自动执行的函数整个过程分为三个部分：创建阶段，运行阶段，销毁阶段创建阶段1、创建
SignalFire·2023-12-26 17:27

微信小程序_搜索图片功能实现

往期微信小程序文章小程序组件传值小程序自定义微信昵称和头像小程序制作markdown博客
yma16·2023-12-26 16:10

vue 父子组件之间通过 v-model 传值

子组件，可以使用`modelValue`来接收通过`v-model`传递的数据，`modelValue`是`v-model`在子组件内部的一个特殊属性，用于双向绑定传递的数据。在Vuejs中，`v-model`用于实现表单元素的双向数据绑定，它实际上创建了一个名为`modelValue`的prop，并在子组件内部自动将这个prop更新为与父组件的数据保持同步，这是基于Vue的编译时行为和指令的实现
一嘴一个橘子·2023-12-26 15:49

vue组件间通信六种方式（完整版）

本文总结了vue组件间通信的几种方式，如props、$emit/$on、vuex、$p
前端小云儿·2023-12-26 15:11

@vuemap/vue-amap高德vue组件库常用技巧（五）- 动态标记

@vuemap/vue-amap是基于高德JSAPI2.0、Loca2.0封装的vue组件库，支持vue2、vue3版本。
vue-amap·2023-12-26 15:57

@vuemap/vue-amap高德vue组件库常用技巧（六）- 点聚合

@vuemap/vue-amap是基于高德JSAPI2.0、Loca2.0封装的vue组件库，支持vue2、vue3版本。
vue-amap·2023-12-26 15:57

@vuemap/vue-amap高德vue组件库常用技巧（八）- 线

@vuemap/vue-amap是基于高德JSAPI2.0、Loca2.0封装的vue组件库，支持vue2、vue3版本。
vue-amap·2023-12-26 15:57

13.1，组件的概述

就就可以直接去调用对应的组件即可组件化和模块化的不同模块化，是从代码的逻辑角度划分的组件化，是从UI界面的角度进行划分的，前端的组件化，方便UI组件的重用如何定义全局组件方式一使用Vue.extend来创建全局的Vue
coderymy·2023-12-26 13:05

vue2项目使用ant design vue组件库table组件时设置column根据接口返回的字段值显示不同内容

需求：vue2项目使用antdesignvue组件库table组件时设置column根据接口返回的字段值显示不同内容举例：1、引用table：{{$t('m.edit')}}{{$t('m.ydel')
几个高兴·2023-12-26 11:05

Vue解决父子组件传值，子组件改变值后父组件的值也改变的问题

vue开发过程中，父组件通过props传值给子组件，子组件在页面展示父组件的值，在操作子组件值以后，即使不点击确定按钮，父组件中的值也发生了变化，但是需求是操作子组件数据以后，必须点击"确定"按钮以后才能修改父组件的值
邹荣乐·2023-12-26 08:57

vue组件的类型及特点

vue组件的类型及特点如果想要对组件进行类型划分，从实现的功能以及所具备的特点来划分，大致可以归纳为：动态组件、缓存组件、异步组件、函数式组件+JSX、递归组件等动态组件：通过动态确定要显示的组件,is
第10086个小白·2023-12-26 08:07

三阶段--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组件子组件修改变量同步修改父组件

父组件：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 创建虚拟DOM元素的几种方式和实际应用。

目录创建虚拟DOM元素的方式创建一个简单的元素：创建一个带有属性的元素：创建一个带有子元素的元素：创建一个带有事件监听器的元素：创建一个Vue组件创建一个带Props的组件创建一个带Slot的组件实际应用创建虚拟
软件星·2023-12-25 18:00

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

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

08-vue-cli 本地存储

一、介绍在以前javaEE的jsp开发中,如果两个页面传值，我们用session或者request存储，jsp页面用el表达式去取.而现在前后端分离开发后，没用jsp，也就无法用el表达式再去取值了。
喜乐L·2023-12-25 11:40

【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

使用props / $emit实现Vue组件间通信

Vue组件间通信可分为:父子组件之间通信非父子组件之间通信(兄弟组件、隔代关系组件等)父组件通过props的方式向子组件传递数据，而子组件可以通过$emit向父组件通信1.父组件向子组件传值//App.vue
蛋黄派i·2023-12-25 09:57

google C++ 编程规范中的禁用复制构造函数和赋值运算符

定义：通过拷贝新建对象时可使用拷贝构造函数（特别是对象的传值时）。优点：拷贝构造函数使得拷贝对象更加容易，STL容器要求所有内容可拷贝、可赋值。
waponx·2023-12-25 08:01

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中父子组件传值

props中exportdefault{ props:{  name:String }, setup(props){  console.log(props.name); }}子传父传:触发,给一个事件传值
贰零壹玖.·2023-12-25 02:41

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

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

解决iframe跨iframe传值跨域问题

最近在项目中遇到过一种情况，在iframe里面再次嵌套了iframe，第一个iframe里面的是别的项目，第二个iframe里面的是自己的项目，然后点击第二个iframe里面的按钮弹出一个最外层的modal，关闭modal刷新第二个iframe里面的数据遇到的问题是：通过postMessage，在第二个iframe里面通过postMessage来通知最外层打开modal，但是最外层无法通过链式访问
0110_1024·2023-12-25 01:40

vue在线预览文件，支持（docx、xlsx、pdf）

这里推荐一个库vue-office，vue-office是一站式解决(docx、.xlsx、pdf)预览的vue组件库。
sea_lichee·2023-12-24 22:47

react传值

文章目录父子传值父组件子组件状态管理父子传值父组件import{useState}from"react";importZifrom".
大牙Adela·2023-12-24 19:48

vue实验报告5 Tab栏的切换案例（使用路由）

一、实验要求：请使用Vue路由相关知识手动实现Tab栏切换案例，要求如下：a.创建一个components/Message.vue组件，用来展示页面内容。
lsy永烨·2023-12-24 17:23

uniapp日常总结--uniapp页面传值

uniapp日常总结–uniapp页面传值在Uniapp中，不同页面之间传值可以通过以下几种方式实现：文章目录uniapp日常总结--uniapp页面传值1.URL参数传递：2.使用页面参数（Query
狐说狐有理·2023-12-24 15:04

C++_拷贝构造函数

目录1、拷贝构造的实现2、传值方式接收实参的影响3、const修饰形参别名4、传值返回的拷贝构造4.1传引用返回的拷贝构造5、默认拷贝构造函数5.1对内置类型的拷贝5.1对自定义类型的拷贝结语：前言：拷贝构造函数的作用是实现对象的拷贝
efls111·2023-12-24 14:48

VUE渲染后端返回含有script标签的html字符串

需要重新创建一个空白Vue组件，用router进行传参，传参方式（新窗口打开）letroute
冷幽悠·2023-12-24 12:34

vue源码分析-插槽原理

Vue组件的另一个重要概念是插槽，它允许你以一种不同于严格的父子关系的方式组合组件。插槽为你提供了一个将内容放置到新位置或使组件更通用的出口。
yyzzabc123·2023-12-24 07:21

vue插槽的使用

1、默认插槽的使用假设有app.vue和test.vue组件在app.vue中//下面这个test是一个组件在test组件里面加入图片我是组件里面的数据在test.vue组件中头尾如果没有使用插槽的表现为表明没有解析
努力学前端Hang·2023-12-24 07:19

Vue3 关于 provide、inject 的用法

前言：在前端项目中牵扯的最多的莫过于组件之间的传值了，除了最最常用的props和emit，其实在Vue中还额外提供了另外几种方法。今天分享一种组件之间通信的方法。
修复bug·2023-12-24 01:34

Vue中使用 vditor 使用详细步骤，代码以及注释，效果图

Vditor在Vue中编辑并展示Markdown文本的步骤如下：1.安装Vditor：使用npm安装Vditor插件：npminstall--savevditor2.导入Vditor：在需要使用Vditor的Vue
魔术师ID·2023-12-24 00:16

通过讯飞 API 接口用 Vue 实现实时语音转写

因为找了一下点击按钮然后进行语音转写的现成的Vue组件没有找到能用的，所以只能够自己写一下啦。具体实现（采用WebSocket进行通讯）的代码参考官方提供的demo
xwhking·2023-12-24 00:47

微信小程序页面之间的传值

微信小程序还是基于html和js来做，因此页面之间的传值，和网页中的url之间的跳转很相似，将参数拼接在url中（请注意如果数据量大的话，通过url拼接参数会传递不完整，可以采用全局变量来做，或者使用微信小程序的本地存储功能
helang1991·2023-12-24 00:43
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他