zoukankan      html  css  js  c++  java
  • 绝望!新手小白在VUE组件之间进行传值上浪费了很多时间~

    俗话说:一瓶酒,一包烟,一个参数传一天。

    作为新手小白的我刚刚接触到了VUE组件化开发,用了一段时间后发现真的很便捷。

    就在我了解并且初步掌握了它的原理而洋洋得意的时候,VUE组件中进行传值的问题给了我当头一棒。

    这对于前端大佬来说是so easy,但是对于小白来说有点让我感到苦恼,废话不多说了,直接上代码。

     1、现在原页面return中定义变量:

            rowData: {},
    2、在打开弹框中将值带到组件中
            //打开添加产品型号界面
            addProModel(row) {
                this.rowData = {...row}
            },
    3、在页面上增加组件部分将值传入到组件中
            <AddProductModel v-if="isAddProductModel" :rowData="rowData" @dialogClose="dialogClose('isAddProductModel')" />

    4、到弹框中取值

     const params = {
                    parentId: this.rowData.id
                }
    写到这里就完成啦 ,就是这么简单的几个步骤搞了一个多小时,唉,还是经验不足,以后多多学习吧!
    我是前端新手小白,立志于为更多前端新手小白写一些通俗易懂的代码,希望大家多多关注!
  • 相关阅读:
    CSS——before和after伪元素
    CSS——滑动门技术及应用
    CSS案例3(在线教育网站)
    CSS——背景渐变
    CSS字体图标
    CSS——精灵技术
    CSS——溢出文字隐藏
    Intellij IDEA -01 如何配置项目!
    Intellij Idea -02 如何将项目工程横向排列变成纵向排列
    java8 --新特性汇总
  • 原文地址:https://www.cnblogs.com/bailing80/p/13427373.html
Copyright © 2011-2022 走看看