避免子组件

Question

我有一个页面的子组件：

<template>
  <div class="ll-page-wrapper">
    <div class="ll-page-div">
      <Page :total="data_count" :current="cur_page" @on-change="changePage"></Page>
    </div>
  </div>
</template>

<script>
  export default {
    props: {
      data_count: {
        type: Number,
        required: true
      }
    }
  }
</script>

我在父组件中使用它：

<ll-page :data_count="os_type_data.count" 
         @change_page_for_parent="os_type_change_page"></ll-page>

有时os_type_data.count为undefined，因为尚未提取。{/ p>

我想避免这个问题，我不想更改父组件中的代码，因为它会影响用户的体验。我想在子组件中修复它，我该怎么办？

Answer 1

use Doctrine\Common\Collections\Criteria; public function getComments() { $criteria = Criteria::create() ->orderBy(['id' => Criteria::ASC]); return $this->comments->matching($criteria); } 项目有一个验证程序参数：

如：

props

您可以更改子组件Vue.component('example', { props: { ... propF: { validator: function (value) { return value > 10 } } } }) 代码，如下所示：

props