vue组件传值

Vue---Echarts

npminstallecharts```在Vue组件中引入ECharts：在需要使用图表的Vue组件中，引入echarts模块。
stu_kk·2023-12-04 01:33

vue2、vue3 eventbus实现组件间全局通信

$eventBus=newVue();//传值组件this.$eventBus.$emit('eventTarget',data)//data是需要通信的数据//接收组件this.$eventBus.
.利。·2023-12-03 23:41

Vue经典面试题源码级分析【一】

01-Vue组件通信方式有哪些父子组件：props/emit/$parent/ref/$attrs$attrs:https://cn.vuejs.org/api/component-instance.html
冰镇白干·2023-12-03 23:43

组件间传值

1.父子组件传值父组件通过props向子组件传递数据，子组件通过$emit时间和父组件通信2.父子组件传值，祖孙组件传值provide+injectprovide：用于发送数据inject：用来接受数据或方法用法
欧偶藕·2023-12-03 22:37

vue中父组件必须给子组件传值，required必加属性

当父组件给子组件传递属性时，我们可以在子组件接受属性的时候，加上一个必加属性required:true。代码演示：1.先在父组件中设置需要传递给子组件的值：return{propB:['name','lalisa']}2.在父组件中挂载和使用子组件并把属性传递给子组件：3.在子组件中接收父组件传递来的属性props:{propB:{type:Array,required:true}}/**这里的t
神的少女光芒万丈·2023-12-03 21:44

VUE3组合式API，这样写最优雅

官方解释：组合式API(CompositionAPI)是一系列API的集合，使我们可以使用函数而不是声明选项的方式书写Vue组件。组合式API通过组合函数来实现更加简洁高效的逻辑复用。
✎﹏ℳ๓₯㎕·2023-12-03 19:23

Java实验：类与对象（一）

一、实验要求理解面向对象的程序设计方法掌握使用类的定义和对象的使用掌握引用类型参数的传值二、实验内容1.基于面向对象的思想，模拟一个猫和老鼠的程序。
沈阿吉·2023-12-03 18:32

Vue3 的 inject 和 provide （附源码）

一：前言在前端项目中牵扯的最多的莫过于组件之间的传值了，除了最最常用的props和emit，其实在Vue中还额外提供了另外几种方法。今天分享一种组件之间通信的方法：provide和inject。
暴怒的代码·2023-12-03 16:41

读书笔记：Effective C++ 2.0 版，条款22(传引用)、条款23(返回引用没有返回对象安全)

条款22:尽量用“传引用”而不用“传值”原因是减少不必要的拷贝构造函数、析构函数。个人觉得，一般情况下，小于等于cpu字长的传值，其它传引用。
御风@户外·2023-12-03 16:41

vue 组件通讯

组件通讯的方案通过props传递(父子组件传值)通过$emit触发父组件自定义事件父组件使用ref访问子组件实例EventBus：需要中间文件，$emit触发事件，$on监听$parent或者$root
百事可爱-后悔下凡·2023-12-03 13:55

关于在vue中使用CodeMirror来编辑SQL

一、效果图二、代码段Mycode.vue组件代码import"codemirror/theme/ambiance.css";import"codemirror/lib/codemirror.css";import"codemirror
张小浪·2023-12-03 12:00

Shopify二次开发之三：liquid语法学习（Tags）

ifelseunlesscaseHTMLform表单生成styleIteration(遍历)forelsebreakcontinuecyclepaginateTheme（主题）render渲染一个snippet，可以传值
SuppperSA·2023-12-03 10:05

Javaweb之Vue组件库Element案例的详细解析

4.4案例4.4.1案例需求参考资料/页面原型/tlias智能学习辅助系统/首页.html文件，浏览器打开，点击页面中的左侧栏的员工管理，如下所示：需求说明：制作类似格式的页面即上面是标题，左侧栏是导航，右侧是数据展示区域右侧需要展示搜索表单右侧表格数据是动态展示的，数据来自于后台实际示例效果如下图所示：数据Mock地址：http://yapi.smart-xwork.cn/mock/169327
东北赵四·2023-12-03 10:29

Javaweb之Vue组件库Element案例的详细解析

4.4.3.3顶部标题对于顶部，我们需要实现的效果如下图所示：所以我们需要修改顶部的文本内容，并且提供背景色的css样式，具体代码如下：tlias智能学习辅助系统此时浏览器打开，呈现效果如下图所示：至此，我们的顶部标题就搞定了此时整体代码如下：                tlias智能学习辅助系统              Aside        Main            ​expor
东北赵四·2023-12-03 10:29

Javaweb之Vue组件库Element案例分页工具栏的详细解析

4.4.3.5.3分页工具栏分页条我们之前做过，所以我们直接找到之前的案例，复制即可，代码如下：其中template模块代码如下：同时methods中需要声明2个函数，代码如下：handleSizeChange(val){      console.log(`每页${val}条`);   },    handleCurrentChange(val){      console.log(`当前页:$
东北赵四·2023-12-03 09:55

VUE组件总结

组件是vue最强大的功能之一，组件化开发。组件可以扩展HTML元素，封装可重用的代码。组件可分为局部变量和全局变量。全局变量:Vue.component('comp',{template:`{{msg}}点击查看歌名`,data:function(){return{msg:'在一瞬间有一百万个不可能。'}},methods:{alt:function(){alert('一百万个不可能')}}})n
x_1133·2023-12-03 04:24

H5 keng

一、url转码，url传值得时候中文会被转义，通过decodeURIComponent（）进行转码this.url=decodeURIComponent(item.split('=')[1])编码的话用
一只小阿乐·2023-12-03 02:48

Vue3 中几种独有的选择器 深度选择器（:deep）、插槽选择器（:slotted）、全局选择器（:global）

在Vue中，除了常见的CSS选择器外，还有一些独有的选择器，这些选择器可以更方便地操作Vue组件。1、深度选择器:deep()作用：深度选择器可以匹配组件中嵌套的子组件。
码农键盘上的梦·2023-12-03 00:58

Vue面试题整理——持续更新中

一、vue组件注册组件注册有2种注册方式：全局注册、局部注册。
大灰狼吃小白兔·2023-12-02 22:08

京东前端经典vue面试题（持续更新中）

Vue组件间通信有哪几种方式？Vue组件间通信是面试常考的知识点之一，这题有点类似于开放题，你回答出越多方法当然越加分，表明你对Vue掌握的越熟练。
bb_xiaxia1998·2023-12-02 22:06

寒假总结

阶段学习vue学习花费时间：12天（没有预期）遇到问题：1.vue-cli学习阶段因为版本问题出现问题（耽误一天时间）2.vue组件之间传值时出现问题（研究了一天）解决办法：1.学习了推荐版本的脚手架2
王祉凯_家族二期·2023-12-02 21:51

Vue3父子组件通信

一、父组件给子组件传值子组件ShipHomePortDialog1.定义变量名称constprops=defineProps(['title'])2.在template中使用变量{{title}}3.在
程序员正茂·2023-12-02 20:53

OC、swift混编中的反向传值

一OC向swift传值1）代理1.1在oc中创建代理#import@protocolSecondDelegate-(void)refreshHintLabel:(NSString*)hintString
BmBN666·2023-12-02 19:36

Vue3中的组合式API的详细教程和介绍

您的观看就是作者创作的动力介绍通过创建Vue组件，我们可以将接
鋜斗·2023-12-02 19:41

Vue3中的动态组件，使用动态组件实现页面的切换。

动态组件可以通过以下步骤来使用：在Vue组件中使用元素，并将组件名称设置为一个变量，如。在组件中定义一个变量来存储当前要渲染的组件名称，如currentComponent。
专业研究祖传Bug编写术·2023-12-02 17:55

vue组件封装echarts

exportdefault{name:"moreline",data(){return{chart:null,}},mounted(){this.getPage();},methods:{getPage(){//引用chart并初始化this.chart=this.$echarts.init(this.$refs.chart);//使用刚指定的配置项和数据显示图表。this.init()this.
原始ˉ真·2023-12-02 16:17

Javaweb之Vue组件库Element案例的详细解析

4.4.3.5.2表单编写在表格的上方，还需要如下图所示的表单：所以接下来我们需要去ElementUI官网，在表单组件中找到与之类似的示例，加以修改从而打成我们希望的效果，官方示例如下图所示：所以我们直接拷贝代码主体区域的table组件的上方即可，并且我们需要修改数据绑定的的变量名，最终代码如下：                                         查询  代码修改前后
东北赵四·2023-12-02 14:30

Vue 3 组件通信总结

Props和EventsVue组件通信的一种常见方式是通过父子组件之间的Props和Events。父组件通过Props向子组件传递数据，子组件则通过Events
大笑编程·2023-12-02 14:13

项目代码规范

3、图像文件名全部采用小写方式，优先选择单个单词命名，多个单词命名以下划线分隔4、Vue组件命名1
FZU_熬夜会秃头·2023-12-02 08:29

echart柱形图结合vue组件实现简单的封装

背景：遇到一个需求，在一个组建里面嵌入三个样式一样数据和颜色不一样的柱形图，如果每个柱形图的配置都写一遍的化太多代码重复了，所以我考虑把相同部分封装起来。第一种方法：以父子组建的形式封装在子组件里面定义个容器，这里放echart图表配置项：在父组件里绑定数据这样通过父子组建的封装就完成了，如果有不同的需求或者需要封装更多数据可以自己拓展，用法都一样的。2.直接在组建里面通过封装函数来实现：刚开始学
用技术改变世界·2023-12-02 08:41

vue中data为什么是一个函数

vue中的data是一个对象类型，对象类型的数据是按引用传值的，这就会导致所有组件的实例都共享同一份数据，这是不对的，我们要的是每个组件实例都是独立的为了解决对象类型数据共享的问题，我们需要将data定义成一个函数
CQXXTXX·2023-12-02 07:38

ThinkPhp传值给HTML,HTML直接传值

首先在控制器xxxController.class.php赋值$inform='昵称';$this->assign('inform',$inform);$array['name']='thinkphp';$array['email']='[email protected]';$array['phone']='12335678';$this->assign('array',$array);在HTML
justsosomm·2023-12-02 06:52

vue form表单的封装--使用的是elementUI

该组件是一个动态生成表单的Vue组件，通过传入formList参数和插槽的方式实现表单项的定制化渲染组件的封装HCommonFormItem根据传入的"formList"参数生成一组表单项，并通过插槽（
皮卡穆·2023-12-02 06:44

Vue 实现低代码开发平台，没想到这么好用！

前言在众多开发技术中，Vue组件化开发技术以其卓越的灵活性和高效性备受瞩目。
树上有只程序猿·2023-12-02 06:40

vue组件库开发

为何要进行组件库开发如果你所在的公司对于页面的样式没有什么要求，那么你只要随便拿一个组件库来用就行了，比如element、iView等等，不用再重复造轮子了；如果你目前只有个人用一个组件，或者是只对个别组件有要求，那么只要在你的工程里面开发一个.vue单文件组件就可以了；如果你的团队想要一个更加快速的开发方式，希望有一套一类应用的标准，并且对组件的样式有较高的要求，那么你就需要开发一个组件库了。正
干锅田鸡·2023-12-02 05:24

svga动画安装和使用

1.npm安装npminstallsvga--saveyarn安装yarnaddsvga2.在你的Vue组件文件中引入Parser和Player：import{Parser,Player}from'svga
lipenghao111·2023-12-02 03:45

Vue 3.0 服务端渲染

默认情况下，Vue组件的职责是在浏览器中生成和操作DOM。
鋜斗·2023-12-02 01:18

Vuex 金句集锦

vuex的核心就是一个仓库，存储并改变各个Vue组件数据状态的仓库。
校长的哲学·2023-12-01 23:47

【超详细】vue项目：Tinymce富文本使用教程以及踩坑总结+功能扩展

【【超详细】vue项目：Tinymce富文本使用教程以及踩坑总结+功能扩展引言：一、开始二、快速开始1、安装Tinymce三、封装成Vue组件1、文件结构2、index.vue3、dynamicLoadScript.js4
网络真危险！！·2023-12-01 21:22

react入门系列之使用 antd， react， redux，creat-react-app搭建todo-list升级版本

antd，react，redux，creat-react-app搭建todo-list升级版本redux简介redux是一个配合react视图层框架使用的数据层框架方便大型react项目之中的复杂组件传值耦合性高的数据使用
Byhua·2023-12-01 20:53

Java八股文面试全套真题【含答案】-Vue篇

什么是Vue组件？如何定义一个Vue组件？答案：Vue组件是可复用的Vue实例，
动力节点IT教育·2023-12-01 20:26

el-table合并行

需求：1、”用户任务“中的”代码“需要按照升序进行排列；2、”用户任务“中连续的”会签“是共用一个序号，并且序号进行合并效果解决方法列表排序一般是前端传值，后端进行排序。
*neverGiveUp*·2023-12-01 19:31

一文解析：vue项目中css作用域（scoped属性）及覆盖element组件样式方法

最近我在做一个可视化项目中又遇见了这个问题，于是决定找出问题的关键，通过方法彻底解决这个BUG；在解决这个问题之前，我们首先需要了解一下vue组件的css作用域及scoped属性，以及improt属性。
w小博·2023-12-01 18:34

Vue系列：Vue Element UI中，使用按钮实现视频的播放、停止、停止后继续播放、播放完成后重新播放功能

最近在工作中有个政务大屏用到了视频播放；技术栈是Vue2、ElementUI；要实现的功能是：使用按钮实现视频的播放、停止、停止后继续播放、播放完成后重新播放功能具体可以按照以下步骤进行操作：引入插件：在Vue
浪潮行舟·2023-12-01 15:31

自定义一个response、在响应头中放数据、函数和方法的区别、开启media访问、页面静态化

__init__(res)【2】在响应头中放数据的方式1、Httpresponse方式一：直接传headers参数，header默认是一个空字典方式二：利用字典传值方式f
m0_69962105·2023-12-01 13:36

Vue基础五

Vue.js-Day4父组件向子组件传值组件实例定义方式，注意：一定要使用props属性来定义父组件传递过来的数据//创建Vue实例，得到ViewModelvarvm=newVue({el:'#app'
折枝赠远方·2023-12-01 13:19

子组件向父组件传值this.$emit，父组件接收方法

子组件名字为ImageUploadhandleUploadSuccess(res){this.$emit("input",res.url);}this.$emit(“方法名”,参数);父组件接收方法methods{test(res){console.log(res);},}
清幽子·2023-12-01 13:23

JavaWeb开发全流程笔记

JS引入2.JS基础语法3.JS函数4.JS对象BOMDOM文档对象模型JS事件监听VueVue常用指令Vue的生命周期AjaxAxios前端工程化环境准备NodeJS安装和Vue-cli安装vue项目Vue
不会写算法的小王·2023-12-01 13:51

vue005——vue组件入门（非单文件组件和单文件组件）

一、非单文件组件1.1、单文件组件的使用1.1.1、局部注册1、第一步：创建school组件2、第二步：注册组件（局部注册）3、第三步：使用组件（编写组件标签）基本使用{{msg}}Vue.config.productionTip=false//第一步：创建school组件constschool=Vue.extend({template:`学校名称：{{schoolName}}学校地址：{{add
-王二毛-·2023-12-01 11:20

VUE学习——脚手架项目

目录VUE组件化基础组件树注册组件的方式注册全局组件全局组件的逻辑组件名称全局组件的特点局部组件（components真正常用的）vue开发模式（真正开发中怎么写）单文件(SFC)VUECLI脚手架CLI
快乐本乐·2023-12-01 11:45
上一页 22 23 24 25 26 27 28 29 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他