vue中props的默认写法

╰+哭是因爲堅強的太久メ 2022-04-25 05:44 204阅读 0赞

默认写法

props: { 
        rowClick: { 
          type: Function,
          default: function() { }
        },
        title: { 
          type: String,
          default: "标题"
        },
        display: { 
          type: String,
          default: "table" 
        },
        columnCount: { 
          type: Number,
          default: 4
        },
        columns: { 
          type: Array,
          default() { 
            return [];
          }
        },
        showPage: { 
          type: Boolean,
          default: true
        },
        api: { 
          type: Object,
          default() { 
            return { };
          }
        },
        parameter: { 
          type: Object,
          default() { 
            return { };
          }
        },
        defaultParameter: { 
          type: Boolean,
          default() { 
            return true;
          }
        }
      },

注意：  
如果默认值得类型为数组或者对象，一定要在函数中返回这个默认值，而不是直接写，否则报错

正确：

menu:{ 
         type:Array,
         default:function(){ 
             return []
         }
     }

错误

menu:{ 
         type:Array,
         default:[]
     }

或者直接跟上面第一个代码一样，不管什么类型，都写在函数返回中。

发表评论取消回复

表情：

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

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

相关阅读

相关 vue中prop的用法

prop的大小写 HTML 中的 `attribute` 名是大小写不敏感的，所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时，camelC

骑猪看日落/ 2023年03月01日 09:04/ 0 赞/ 134 阅读

相关 Vue - Prop

推荐：[Vue汇总][Vue] Vue - Prop 如果你对组件不太了解，推荐你先阅读它：[Vue - Vue组件基础][Vue - Vue] Prop 的大小写

短命女/ 2022年12月20日 12:58/ 0 赞/ 165 阅读

相关 vue中 $emit，props的用法

vue中关于$emit，props的用法 1. 父组件使用 props 把数据传给子组件 2. 子组件使用 $emit 触发父组件的自定义事件子组件：chil

忘是亡心i/ 2022年12月10日 10:10/ 0 赞/ 184 阅读

相关【vue】Vue 组件 Props 类型及默认值

> `前言` 转载：[https://www.cnblogs.com/Rosicky-707/p/11543806.html][https_www.cnblogs.com_R

﹏ヽ暗。殇╰゛Y/ 2022年11月22日 12:43/ 0 赞/ 138 阅读

相关 vue props组件传值时的类型及写法，data箭头函数的写法

props的属性： type type:(规定数据类型) 可以是下列原生构造函数中的一个：　　 String 字符串　　

痛定思痛。/ 2022年09月11日 07:12/ 0 赞/ 518 阅读

相关 vue中props的使用

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue 测试实例

曾经终败给现在/ 2022年09月10日 13:22/ 0 赞/ 171 阅读

相关 React的Props默认值

React的Props默认值简单来说props默认值使用场景比较少，但是也必须取了解首先父级组件我们可以很明显的看到父级组件没有传入`pageS

喜欢ヅ旅行/ 2022年09月06日 01:25/ 0 赞/ 186 阅读

相关 vue中props的默认写法

默认写法 props: { rowClick: { type: Function, default: fu

╰+哭是因爲堅強的太久メ/ 2022年04月25日 05:44/ 0 赞/ 205 阅读

相关 Vue Prop

本博客记录了小编在学习Vue过程中的体会与感悟，简单来说就是小编的学习笔记，学习地址主要为Vue的官网，官网地址为：[《Vue官方文档》][Vue]。相关学习笔

向右看齐/ 2021年08月19日 19:30/ 0 赞/ 361 阅读

相关 Vue 中的props

如果props始终获取不到传过来的值，考虑是否props写多了一个！！！！！！ <template> <div> { {pr

╰+哭是因爲堅強的太久メ/ 2021年07月25日 17:01/ 0 赞/ 398 阅读