Как я могу иметь интерактивный тег привязки в метке текстового поля vuetify?

У меня есть SPA с использованием Vue и Vuetify. Одно из моих текстовых полей Vuetify должно иметь тег привязки в метке. Ссылка появляется, но не активна.

Вот HTML-скрипт

Вот базовая демонстрация моей проблемы

<!DOCTYPE html>
<html>

<head>
  <link href = "https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel = "stylesheet">
  <link href = "https://cdn.jsdelivr.net/npm/@mdi/[email protected]/css/materialdesignicons.min.css" rel = "stylesheet">
  <link href = "https://cdn.jsdelivr.net/npm/[email protected]/dist/vuetify.min.css" rel = "stylesheet">
  <meta name = "viewport" content = "width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
</head>

<body>
  <div id = "app">
    <v-app>
      <v-main>
        <v-container>

          <v-text-field
                        label = "Product Code"
                        placeholder = "Product Code">
            <template #label>
              <h3>Product Code : (Find the product code
                <a href = "https://www.google.com">here</a>)
              </h3>
            </template>
          </v-text-field>


        </v-container>
      </v-main>
    </v-app>
  </div>

  <script src = "https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>
  <script src = "https://cdn.jsdelivr.net/npm/[email protected]/dist/vuetify.js"></script>
  <script>
    new Vue({
      el: '#app',
      vuetify: new Vuetify(),
    })
  </script>
</body>

</html>

Обновлять Я заметил, что в vuetify CSS есть pointer-events: none; ... кажется, что это предотвращает событие щелчка.

javascript html vue.js vuetify.js

23.12.2020 14:11

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

1 903

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы правы, вы связываете наследование стиля, примененного к родителю H3. Итак, вам просто нужно добавить тег стиля, чтобы переопределить это, например:

<style>
  .v-text-field .v-label a{pointer-events:all;}
</style>

23.12.2020 14:58

Другие вопросы по теме

Могу ли я получить исходный код отрендеренной карты на github?

Фильтр для перегруппировки элементов не будет работать

Управление позициями div

Как отобразить результат javascript в HTML после завершения функции

Обратный отсчет работает только на первой кнопке, но не на других кнопках

Как выровнять правильно, когда срабатывает flex-wrap, но в противном случае выровнять пространство между содержимым?

Отображение данных на основе пользовательского ввода

Как прокручивать сцену в кадре на мобильных устройствах

Проблема с выравниванием: Safari на MacBook показывает кнопки начальной загрузки в крайнем правом углу экрана

Можно ли программно размещать элементы в веб-компонентах?

Как я могу иметь интерактивный тег привязки в метке текстового поля vuetify?

Ответы 1

Другие вопросы по теме

Похожие вопросы