相关疑难解决方法(0)

Vue组件道具的默认值以及如何检查用户是否未设置道具?

1.如何在Vue 2中设置组件道具的默认值?例如,有一个movies可以这种方式使用的简单组件:

<movies year="2016"><movies>



Vue.component('movies', {
    props: ['year'],

    template: '#movies-template',
    ...
}
Run Code Online (Sandbox Code Playgroud)

但是,如果用户没有指定year:

<movies></movies>
Run Code Online (Sandbox Code Playgroud)

那么组件将为yearprop提供一些默认值.

2.此外,检查用户是否未设置道具的最佳方法是什么?这是一个好方法:

if (this.year != null) {
    // do something
}
Run Code Online (Sandbox Code Playgroud)

或者这个:

if (!this.year) {
    // do something
}
Run Code Online (Sandbox Code Playgroud)

javascript vue.js vue-component

111
推荐指数
4
解决办法
8万
查看次数

标签 统计

javascript ×1

vue-component ×1

vue.js ×1