Ларавель Блейд и Вью.js, объединить функции php и vue.JS javascript переменная внутри шаблона
Я хотел бы знать, как я могу объединить функцию laravel php lang с переменной javascript. Вот пример:
Этот код не работает. Переменная text находится на javascript и является динамической. Функции в PHP Ланг не перевести конкатенировать слово, отображения параметра reportparameter.txt_date
Не работает дисплей reportParameter.txt_date
template: `
<div class="text-center mt-1">
<div class="custom-control custom-radio custom-control-inline" v-for="(text, val, index) in optionsParsed">
<input class="custom-control-input" type="radio" v-model="checked" :id="nomRadio+'_'+index" :name="nomRadio" :value="val" @change="getChecked(checked)">
<label class="custom-control-label" :for="nomRadio+'_'+index">@lang('reportParameter.'.@{{text}}')</label>
</div>
</div>
`
он работает отображение даты
template: `
<div class="text-center mt-1">
<div class="custom-control custom-radio custom-control-inline" v-for="(text, val, index) in optionsParsed">
<input class="custom-control-input" type="radio" v-model="checked" :id="nomRadio+'_'+index" :name="nomRadio" :value="val" @change="getChecked(checked)">
<label class="custom-control-label" :for="nomRadio+'_'+index">@lang('reportParameter.text_date')</label>
</div>
</div>`
Проблема в том, что переменный текст должен генерироваться динамически. Проблема только в том, как я делаю конкатенацию. Я не связываю их правильно. Я пробовал много разных способов, но безуспешно.
Большое спасибо за вашу помощь.
Ответы - Ларавель Блейд и Вью.js, объединить функции php и vue.JS javascript переменная внутри шаблона / Laravel blade and Vue.js, concatenate php function and vue.js javascript variable inside a template
28.01.2020 11:06:06
Вы можете просто добавить заполнитель в свой HTML-тег, как это:
<template>
<p>Hallo my name is {{ name }}</p>
</template>
Затем, если вы хотите получить имя динамически с сервера, вы просто отправляете запрос на получение имени.
Вы можете, например, использовать для этого axios.
<script>
export default {
data: () => ({
name: ''
}),
// going to run if the app gets mounted / page reload so to say
mounted() {
getName();
},
methods: {
getName() {
axios.get('/api/name')
.then(response => name = response.data)
.catch(error => console.log(error)
}
}
}
</script>