Блог

Главная - Вопросы по программированию - Мой идентификатор тега гиперссылки продолжает отображаться в виде текста в браузере в Svelte

Мой идентификатор тега гиперссылки продолжает отображаться в виде текста в браузере в Svelte

#javascript #html #rest #svelte #sveltekit

Вопрос:

Я пытался создать вики-приложение для веб-приложений, используя свои знания о Restful API и стройности, и я столкнулся с проблемой, когда я дал тегам гиперссылок идентификатор идентификатора каждого объекта в БД, это работает, но проблема в том, что он продолжает отображать идентификатор тега гиперссылки() в виде текста в браузере. Как я могу это исправить?

Вот визуальное представление результата:

Вот визуальное представление результата

Вот код:

 lt;scriptgt; import { onMount } from 'svelte'; import { each } from 'svelte/internal'; import { store } from '$lib/store';  let articles = []; onMount(async () =gt; {  const response = await fetch('http://localhost:5000/articles');  const data = await response.json();  articles = data; })  lt;/scriptgt;  lt;div class="container"gt;  {#each articles as article}  lt;a href="/articles/article/{article._id}" id={article._id}gt;  {article.title}  lt;hrgt;  lt;/agt;  {$store = article._id}  {/each} lt;/divgt;  lt;stylegt;  a {  text-decoration: none;  color: rgb(223, 209, 209);  font-weight: bold;  font-size: 1.5rem;  }   a::hover {  text-decoration: underline;  }   div {  margin-top: 90px;  text-align: center;  } lt;/stylegt;

Мне действительно нужна помощь T_T

Комментарии:

1. Я бы предположил, что вам нужны кавычки вокруг текста id для «id={article._id}», как у вас есть для href .

2. Не очень хорошо знаком со стинаксом Svelte, но, похоже, вы просто выводите здесь результирующее значение {$store = article._id} .

3. Кавычки обычно не требуются для атрибутов. Какова стоимость недвижимости?

4. Может ли быть так, что переменная $store не объявлена так, чтобы вместо выполнения назначения article.id отображается? Обратите внимание, что идентификаторы отображаются после ссылки, как показано, что последний идентификатор находится в отдельной строке, а первая строка не имеет идентификатора.

Ответ №1:

Чтобы не отображать идентификатор, вам необходимо удалить эту строку:

 {$store = article._id}

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

Метки: