NavtiveScript + Vue, предотвращающий нажатие на элементы ниже (Android)

Question

У меня есть приложение с двумя слоями:

Слой Один (z-index:1, visible) состоит из 4 меток ( A, B, C, D ) в 4 отдельных макетах (импорт из компонента L1)

Слой Два (z-index:2, hidden) состоит из 4 меток ( E, F, G, H ) в 4 отдельных макетах (импорт из компонента L2)

При нажатии на A : слой Будут отображены два .

При нажатии E : слой Два будут скрыты.

Я хочу:

отключить метки ( A, B, C, D ), в то время как слой Два является видимым .

Кажется, что установка isUserInteractionEnabled в false на каждой метке поможет, ноЯ хотел бы найти способ деактивировать весь слой One сразу, а не деформировать все метки один за другим.

Answer 1

, как я заметил, если я положу @tap="" на слой Два , части слоя Один , которые покрыты слоем Два , будут де-активированный!

Answer 2

Это стандартное поведение Android, вам нужно установить isUserInteractionEnabled для каждого отдельного элемента, чтобы отключить его.

Вы можете просто перебрать все дочерние элементы макета и при необходимости установить isUserInteractionEnabled в true / false.