Неактивная кнопка в gridlayout - Nativescript-vue - PullRequest
Новая
       7

Неактивная кнопка в gridlayout - Nativescript-vue

0 голосов
/ 27 февраля 2019

Следующий код содержит кнопку выхода из системы, но она неактивна. 

<DockLayout class="screen" stretchLastChild="true">
<ScrollView dock="top">
    <StackLayout orientation="vertical">
        <GridLayout class="header" rows="auto" columns="*,auto,auto">
            <Label text="$124.57" row="0" col="0" verticalAlignment="center"></Label>
            <Image src="~/assets/images/search.png" verticalAlignment="center" marginRight="25" row="0" col="1" height="22" />
            <!-- <Image src="~/assets/images/header-cart.png" verticalAlignment="middle" marginRight="10" row="0" col="2" height="14" /> -->
            <Button class="logoutButton" text="Logout" fontSize="14" verticalAligment="middle" marginRight="10" row="0" col="2" @tap="logout()"/>
        </GridLayout>

service.js: (Этот метод хорошо работает в панели действий, поэтому нет проблем с моими настройками) 

logout() {
    return Parse.User.logOut();
}

Метод в компоненте vue: 

logout() {
      this.$backendService.logout();

      this.$navigateTo(Login, {
        clearHistory: true
      });
    },

Нет CSS для этого класса, но когда я удаляю класс из кнопки, без изменений.

Используя тот же элемент Button в панели действий, онработает без нареканийЕсть ли какие-либо ограничения в gridlayout?Кнопка отображается как текст, а не кнопка.

Спасибо!

...