Короткая рука для передачи логического реквизита компоненту Vue - PullRequest
Новая
       8

Короткая рука для передачи логического реквизита компоненту Vue

0 голосов
/ 25 апреля 2018

В документации Vue для компонентов написано:

Включение реквизита без значения подразумевает true: <blog-post favorited></blog-post>

Однако, когда я пробую его на своем компоненте, он не работает ( связанная скрипта ): 

<!-- html -->
<div id="app">
  <test-component visible></test-component>
</div>

<template id="template">
  <span>open: {{ open }}; visible: {{ visible }}</span>
</template>

<!-- JS -->
const TestComponent = Vue.extend({
  template: '#template',
  props: ['visible'],
  data: function() {
    return { 'open': true }
  }
});

new Vue({
  el: "#app",
  components: {
    'test-component': TestComponent
  }
});

Это ошибка или я что-то не так делаю?

1 Ответ

0 голосов
/ 25 апреля 2018

Я бы также ожидал, что он будет работать как есть, но, похоже, вам нужно указать тип поля в объявлении реквизита: 

props: {
    'visible': {
        type: Boolean
    }
}

Это заставляет его работать правильно

...