使用prop在计算属性中的技巧
P粉893457026
2023-08-25 13:19:04
<p>我有一个轮播组件，接收一个名为'mediaItems'的prop，我在一个计算属性中使用这个prop来确定轮播的结束：</p>
<pre class="brush:php;toolbar:false;">props: ['mediaItems', 'sliderHeading'],
computed: {
atEndOfList() {
return this.currentOffset <= (this.paginationFactor * -1) * (this.mediaItems.length / this.windowSize) + this.paginationFactor;
},</pre>
<p>这导致组件为空，并且我收到一个控制台错误：</p>
<blockquote>
<p>类型错误：this.mediaItems 未定义</p>
</blockquote>
<p>如果我移除计算属性，组件会加载props，并且不会出现控制台错误，但是我需要这个计算属性来确定轮播的结束。</p>
我想你应该为这个属性指定一个默认值，以便在
mediaItems属性在外部尚未设置时，使计算属性正常工作：props: { mediaItems: { type: Array, default: ()=>[] }, sliderHeading: String }