Миграции

В миграциях содержатся некоторые разрывы в совместимости.

Обновление до версии Yöntemler

Этот раздел поможет вам обновиться с версии 2. x до 3. x. Название компонента было переименовано в Slideout (было SlideOut).

Пропсы

visible

Он был удален, используйте v-model вместо него.

render-when-visible

Значение по умолчанию было изменено на true. Вы можете использовать следующий код, чтобы установить его значение в false:

import Vue from 'vue';
import Slideout from '@hyjiacan/vue-slideout';
Vue.use(Slideout, {
    renderWhenVisible: false
});

fullscreen

Он был переименован в fill-parent. Для синхронизации значений используйте v-model:fill-parent.

showFullscreen

Он был переименован в show-fill-button.

allow-resize

Он был переименован в resizable.

append-to

Он был переименован в target.

События

before-open

Он был удален, используйте opening вместо него. Вы можете просто заменить событие v-on:before-open на v-on:opening. Дополнительная информация доступна в разделе Событие opening.

open

Он был удален, используйте opened вместо него. Вы можете просто заменить событие v-on:open на v-on:opened. Дополнительная информация доступна в разделе Событие opened.

close

Он был удален, используйте closing вместо него. Соответственно, событие closing требует замены события v-on:close на v-on:closing. Также, e.wait больше недоступен, используйте e.pause или e.cancel вместо него. Также, e.close больше недоступен, используйте e.stop вместо него.

Исправленный текст:

Миграции

В миграциях содержатся некоторые разрывы в совместимости.

Обновление до версии 3.x

Этот раздел поможет вам обновиться с версии 2.x до 3.x. Название компонента было переименовано в Slideout (было SlideOut).

Пропсы

visible

Он был удален, используйте v-model вместо него.

render-when-visible

Значение по умолчанию было изменено на true. Вы можете использовать следующий код, чтобы установить его значение в false:

import Vue from 'vue';
import Slideout from '@hyjiacan/vue-slideout';
Vue.use(Slideout, {
    renderWhenVisible: false
});

fullscreen

Он был переименован в fill-parent. Для синхронизации значений используйте v-model:fill-parent.

showFullscreen

Он был переименован в show-fill-button.

allow-resize

Он был переименован в resizable.

append-to

Он был переименован в target.

События

before-open

Он был удален, используйте opening вместо него. Вы можете просто заменить событие v-on:before-open на v-on:opening. Дополнительная информация доступна в разделе Событие opening.

open

Он был удален, используйте opened вместо него. Вы можете просто заменить событие v-on:open на v-on:opened. Дополнительная информация доступна в разделе Событие opened.

close

Он был удален, используйте closing вместо него. Соответственно, событие closing требует замены события v-on:close на v-on:closing. Также, e.wait больше недоступен, используйте e.pause или e.cancel вместо него. Также, e.close больше недоступен, используйте e.stop вместо него.```markdown resume` вместо него. Дополнительная информация доступна в разделе Событие closing.

Слоты

btn

Он был переименован в 'buttons'.

CSS

Все префиксные классы CSS vue-slideout были переименованы в slideout. Вот список изменённых названий CSS классов: