Как изменить шаблон

@tgarl · Регистрация: 15.02.2012

Author24 — интернет-сервис помощи студентам

Всем добрый день.
Надеюсь я правильно выбрал раздел.
Есть сайт на laravel, шаблоны сделаны на Vue.

мне нужно внести изменния h1 выводить с тегами.

нашел вроде нужный шаблон, в нем вывод такой

Код

<h1 :class="$style.title">
      {{ props.data.seo_h1 ? props.data.seo_h1 : props.data.title }}
    </h1>

пробую заменить на такие варианты

Код

<h1 :class="$style.title"
		v-html="props.data.seo_h1 ? props.data.seo_h1 : props.data.title"
	>      
    </h1>

//или

<h1 :class="$style.title">
      {{ props.data.seo_h1 ? props.data.seo_h1.text : props.data.title }}
    </h1>

//или

<h1 :class="$style.title">
      {!! props.data.seo_h1 ? props.data.seo_h1.text : props.data.title !!}
    </h1>

или вообще добавить span пустой после h1, но ничего не меняется

что я делаю не так?

в item.vue указан компонент

PHP

1	import PageProduct from '@/components/pages/page-product.vue'

в нем

Код

<ProductInfo :data="page" :path="pathToBack" :handler="popupHandler" />

соответсвенно меняю код шаблона в файле ProductInfo.vue

@Para bellum · 22.09.2021, 13:25

Сообщение от tgarl

ничего не меняется
что я делаю не так?

Вы выполняете сборку frontend-приложения?
https://laravel.com/docs/8.x/mix#running-mix

@tgarl · 22.09.2021, 13:36 **[ТС]**

т.е. мне после каждого чиха нужно запускать консоль и выполнять?

Код

npm run build

а какой хоть из моих 3 вариантов правильный?

@sad67man · 23.09.2021, 00:10

tgarl, npm run build скорее собирает для production. Должна быть отдельная команда для разработки. Список команд указывается в файле package.json в разделе scripts.

Я во vue не силен. Разве нужно обращаться к props? по-моему просто {{ data.seo_h1 ? data.seo_h1 : data.title }}

@tgarl · 23.09.2021, 09:44 **[ТС]**

Насчет props ничего не скажу, тот кто шаблон делал так написал, и для меня это темный лес - я первый раз увидел сие.

в файле который вы указали такой код

Код

"scripts": {
    "dev": "nuxt",
    "build": "NODE_ENV=production nuxt build",
    "start": "NODE_ENV=production nuxt start",
    "generate": "nuxt generate",
    "lint:js": "eslint --ext .js,.vue --ignore-path .gitignore .",
    "lint": "npm run lint:js"
  },

а вот это

Код

npm run build

я в истории в консоле нашел, я перезапустил nginx и сайт перестал работать, пару часов потратил на поиски что могло пойти не так, потом в истории консоли нашел несколько команд перезагрузки nginx и npm. Запустил - сайт заработал. По ссылке которую вы дали увидел эту же команду вот и пришел к выводу что ее нужно всегда запускать.

Если нет, то какую?

Код

npm run dev
//или
npm run generate

в истории нет запусков этих команд

@sad67man · 23.09.2021, 11:13

tgarl, Вижу что у вас используется nuxt - это vue фреймворк. Тут документация https://nuxtjs.org/docs/get-started/commands/

Он запускает свой web-сервер на node.js. Nginx может использоваться для проскирования на него. Для продакшена вызываются 2 команды сначала build, который собирает файлы, потом start - запуск сервера. Для локальной разработки запускают dev.

generate используется в случае если сайт статический, тогда он генерирует html страницы.

@Para bellum 5753 / 4133 / 1507 Регистрация: 06.01.2011 Сообщений: 11,276
	22.09.2021, 13:25	2
	Сообщение от tgarl ничего не меняется что я делаю не так? Вы выполняете сборку frontend-приложения? https://laravel.com/docs/8.x/mix#running-mix 0

@tgarl 451 / 417 / 115 Регистрация: 15.02.2012 Сообщений: 1,847
	22.09.2021, 13:36 [ТС]	3
	т.е. мне после каждого чиха нужно запускать консоль и выполнять? Код npm run build а какой хоть из моих 3 вариантов правильный? 0

@sad67man 2232 / 1278 / 611 Регистрация: 23.08.2015 Сообщений: 3,228
	23.09.2021, 00:10	4
	tgarl, npm run build скорее собирает для production. Должна быть отдельная команда для разработки. Список команд указывается в файле package.json в разделе scripts. Я во vue не силен. Разве нужно обращаться к props? по-моему просто {{ data.seo_h1 ? data.seo_h1 : data.title }} 0

@tgarl 451 / 417 / 115 Регистрация: 15.02.2012 Сообщений: 1,847
	23.09.2021, 09:44 [ТС]	5
	Насчет props ничего не скажу, тот кто шаблон делал так написал, и для меня это темный лес - я первый раз увидел сие. в файле который вы указали такой код Код "scripts": { "dev": "nuxt", "build": "NODE_ENV=production nuxt build", "start": "NODE_ENV=production nuxt start", "generate": "nuxt generate", "lint:js": "eslint --ext .js,.vue --ignore-path .gitignore .", "lint": "npm run lint:js" }, а вот это Код npm run build я в истории в консоле нашел, я перезапустил nginx и сайт перестал работать, пару часов потратил на поиски что могло пойти не так, потом в истории консоли нашел несколько команд перезагрузки nginx и npm. Запустил - сайт заработал. По ссылке которую вы дали увидел эту же команду вот и пришел к выводу что ее нужно всегда запускать. Если нет, то какую? Код npm run dev //или npm run generate в истории нет запусков этих команд 0

@sad67man 2232 / 1278 / 611 Регистрация: 23.08.2015 Сообщений: 3,228
	23.09.2021, 11:13	6
	tgarl, Вижу что у вас используется nuxt - это vue фреймворк. Тут документация https://nuxtjs.org/docs/get-started/commands/ Он запускает свой web-сервер на node.js. Nginx может использоваться для проскирования на него. Для продакшена вызываются 2 команды сначала build, который собирает файлы, потом start - запуск сервера. Для локальной разработки запускают dev. generate используется в случае если сайт статический, тогда он генерирует html страницы. 0