vue中props的默认写法

默认写法

  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:[]}

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

vue中props的默认写法相关推荐

vue中props的默认写法全集合
一.数组写法: props: ['dialogType', 'fromOrder'] 二.默认值写法 props: {rowClick: {type: Function,default: functi ...
vue中props设置默认值
一般情况下 props写法 props:{obj: {type: Object,default: () => {}},arr: {type: Array,default: () => [] ...
props写法_简单理解vue中Props属性
本文实例为大家解析了vue中Props的属性,供大家参考,具体内容如下使用 Props 传递数据组件实例的作用域是孤立的.这意味着不能并且不应该在子组件的模板内直接引用父组件的数据.可以使用 pr ...
vue中a的href写法
vue中a的href写法注意点:href前面要加":"或者v-bind: 2.字符串要用单引号" ' "包住加上了冒号是为了动态绑定数据,等号后面可以写变量 ...
Vue中动态添加class写法动态静态clas混合
Vue中动态添加class写法动态静态clas混合示例 //fx,cont-block为静态class ob为动态class <div :class="[ 'fx','cont- ...
解决 vue中props对象中设置多个默认值问题
1.遇到问题: props中设置了默认值,但是获取时(获取父页面没有传的属性) 打印出来是undefined 子组件 props: { paramsObj: {type:Object,default: ...
Vue中props属性
props功能:让组件接受外部传过来的数据 (1):传递数据:<Demo name="xxx"/> (2):接受数据: 第一种:(只接收):props: ['name' ...
Vue中props用法
在Vue中通过props,可以将原本孤立的组件串联起来,也就是可以子组件可以接收父组件传递过来的data,比如子组件想要引用父组件的数据,那么在props里面声明一个变量,这个变量就可以引用父元素 ...
vue中props的双向绑定
在vue的学习中,一开始我是自己写组件练手的,在这个过程中我遇到一个问题: props:父组件传递给子组件参数 (1)props直接在子组件里直接使用是可以实时更新的 (2)props如果在creat ...

vue中props的默认写法

vue中props的默认写法相关推荐

最新文章

热门文章