[Vue,组件] 如何由子组件传值（Value）给父组件

以下会用到 Pug 套件，请去安装 pug套件，可参考：

从头开始用 Laravel 来做CRUD -12- 架设 - npm - pug

这次来写 如何由子组件传值（Value）给父组件

其实写法和 [Vue,组件] 如何由子组件按钮去执行父组件的方法 (methods)[Vue,组件] 如何由子组件按钮去执行父组件的方法 (methods) 是相同的

连结

只不过差别在于父组件的methods，就不能带变数了

v-on:update-item="updateItem(model,vuex)"

改为

v-on:update-item="updateItem"

1、Parents.vue > template

<template lang="pug">// Parents.vue div    app-child(        v-on:update-item="updateItem"    )</template>

2、Parents.vue > script

<script>// Parents.vueimport Child from './Child.vue'export default{    components: {        appChild: Child,    },    data(){        return {}    },    methods:    {        updateItme(value1,value2){            // do Something        }    }}</script>

3、Child.vue > template

<template lang="pug">// Child.vue div    a(        v-on:click="updateClick()"    ) update</template>

4、Child.vue > script

<script>// Child.vueexport default{    methods:    {        updateClick(){            this.$emit('update-item',value1,value2)         }    }}</script>

记得，如果父组件 methods 自带参数的话，就会以自带参数的数据为主

--- 相关文章 ----
[Vue,组件] 如何由父组件按钮去执行子组件的方法 (methods)
[Vue,组件] 如何由子组件按钮去执行父组件的方法 (methods)
[Vue,组件] 如何由父组件传值（Value）给子组件
[Vue,组件] 如何由子组件传值（Value）给父组件
--- 更多的文章 在痞客邦 ----
痞客邦

感谢

感谢各位的观看！
友情连结：钻头-瑜诚
文中如有技术不良或写错的部份，如您愿意指出，我们也很乐意接受您的指正，但请不要恶意攻撃，我们只是为了乐趣而写的文章。