vue子传父、父传子

小咪咪 2022-10-30 05:23 202阅读 0赞

子传父

vue子传父使用$emit传值

子组件：

<table> 
 <tbody> 
  <tr> 
   <td> <p>1</p> <p>2</p> <p>3</p> <p>4</p> <p>5</p> <p>6</p> <p>7</p> <p>8</p> <p>9</p> <p>10</p> <p>11</p> <p>12</p> <p>13</p> <p>14</p> <p>15</p> </td> 
   <td> <p><code>&lt;</code><code>template</code><code>&gt;</code></p> <p><code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>&lt;</code><code>div</code><code>&gt;</code></p> <p><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>&lt;</code><code>button</code>&nbsp;<code>@click="toParent"&gt;点击传到父级&lt;/</code><code>button</code><code>&gt;</code></p> <p><code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>&lt;/</code><code>div</code><code>&gt;</code></p> <p><code>&lt;/</code><code>template</code><code>&gt;</code></p> <p><code>&lt;</code><code>script</code><code>&gt;</code></p> <p><code>export default { </code></p> <p><code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>name: 'child',</code></p> <p><code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>methods: { </code></p> <p><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>toParent () { </code>&lt;/</p></td> 
  </tr> 
 </tbody> 
</table>

发表评论取消回复

表情：

评论列表（有 0 条评论，202人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue中的子传父、父传子详细（vue2子传父、父传子，vue3子传父、父传子）

在语法中，你不需要显式地导出任何东西，因为所有顶层变量、函数和组件都会自动暴露给模板和其他组件。

落日映苍穹つ/ 2024年04月22日 22:30/ 0 赞/ 92 阅读

相关 Vue中组件间的传值（子传父，父传子）

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

我会带着你远行/ 2023年09月28日 21:06/ 0 赞/ 34 阅读

相关 Vue组件之间的通信-父传子-子传父

文章目录 Vue的组件嵌套 Vue组件间通信 1.父组件传递给子组件 1.1数组的方式

小咪咪/ 2023年09月28日 15:46/ 0 赞/ 11 阅读

相关 React-创建组件、父传子、子传父

组件是 React 的核心，是 View 的重要组成部分；React 中的组件分为两种：一种是函数组件（使用函数来创建组件），另一种是类组件（通过类创建的组件）。通过函数

傷城~/ 2023年07月03日 12:17/ 0 赞/ 15 阅读

相关 vue 子传父

子组件 1.在子组件中创建一个按钮，给按钮绑定一个点击事件 ![在这里插入图片描述][20191114143303943.png] 2.在响应该点击事件的函数中使用

本是古典何须时尚/ 2023年06月13日 06:09/ 0 赞/ 187 阅读

相关 Vue 父传子

父组件 <div :status="status">发送status</div> 父组件data数据 status: 7 //data数据子组件接收数

刺骨的言语ヽ痛彻心扉/ 2022年12月04日 07:54/ 0 赞/ 166 阅读

相关 Vue 子传父

子组件需要把数据传递给父组件，只能通过自定义事件，使用$emit方法传值改变 //子页面 opTitle.vue var data = 10; //

深碍√TFBOYSˉ_/ 2022年12月04日 07:54/ 0 赞/ 182 阅读

相关子传父

内部发送 window.parent.postMessage(message, ''); 外部监听接收 window.addEventList

悠悠/ 2022年11月12日 14:59/ 0 赞/ 153 阅读

相关 vue子传父、父传子

子传父　　vue子传父使用$emit传值　　子组件： <table> <tbody> <tr> <td> <p>1</p> <p>2</p> <p>

小咪咪/ 2022年10月30日 05:23/ 0 赞/ 203 阅读

相关 Vue中父传子、子传父组件之间传值

在Vue的框架开发的项目过程中，经常会用到组件来管理不同的功能，有一些公共的组件会被提取出来。这时必然会产生一些疑问和需求？比如一个组件调用另一个组件作为自己的子组件，那么我们

Bertha 。/ 2022年04月17日 06:23/ 0 赞/ 313 阅读