Не могу нажать на крестик

делайте общий контейнер и выносите крекстик и роутерлинк на 1 уровень, даьше всё просто. Для родительского контейнера position: relative, для крестика position: absolute, и z -index: 2.

Сейчаст так и есть relative и absolute, СПАСИБО!!!

как получить значение из поля input при при событии input?

у меня тут странная фигня, на продакшн сервере v-model undefined, хотя на локальной машине все отрабатывает нормально, проекты на обеих машинах одинаковые.
ошибка в консоли  "cannot read property of undefined"

<Step v-for="(step, index) in steps" :key="step.title">
       <label for="text" v-if="step.title !== ''">{{ step.title }}</label>
       <textarea id="text" rows="6" v-model="step.text"></textarea>
       <font-awesome-icon
         icon="clone"
         class="icon"
         @click="copyStep(index, step.text)"
       />
       <span :class="{ copy: activeElement === index }">Copied!</span>
     </Step>

copyStep(index, text) {
     this.activeElement = index;
     navigator.clipboard.writeText(text);
     console.log(text);
   }

Из за чего может быть такое?

хотя видно,что v-model работает, так как рендерится эелмент на странице

ругается на v-model ыеузюеуче

step.text

Покажи консоль

Вопрос с порядком инициализации переменных
Вот у меня есть computed (чтобы readonly заведомо)

 timeModes(): TimeCmd[]  { return [
        { label: "12:20", tooltip: 'Отработано времени', icon: "gg-stopwatch", mode: 'workedTime', command: (_: Event) => this.setTimeMode('workedTime'),
        click: this.onWorkedTime },
        { label: "+2д23ч6м", tooltip: 'Следующая активация', icon: "gg-calendar-next", mode: 'nextActivation', command: (_: Event) => this.setTimeMode('nextActivation'),
        click: this.onNextActivation },
    ] };

и есть у меня метод

    filterCmd(mode:string) {
        return this.timeModes.filter((item)=>item.mode===mode)[0];
        }

и в данных

timeMode : TimeMode = this.filterCmd('workedTime')

очевидная проблема в том, что в момент инициализации переменной computed еще не существует; описывать timeMode как TimeMode|null совершенно не хочется; нужно как-то отложить момент инициализации переменной до завершения инициализации класса.
Или не выпендриваться и пихнуть список возможных режимов в const вне описания компонента?

... а вот хрен я его в отдельную константу пну, там есть command: (_: Event) => this.setTimeMode('nextActivation')

Можно ли из консоли браузера манипулировать данными во вью?
пытаюсь это сделать так:
Vue.component('cart').extendOptions.data().ready = true
и не получается

v-model не виноват здесь

у тебя navigator.clipboard undefined

Копай в ту сторону. Гугл тебе должен помочь

понял)

Тебе нужно что-то такое сделать
https://codepen.io/john-deer/pen/ExgOEox