Как создать переменную в Nuxt - PullRequest
Новая
       9

Как создать переменную в Nuxt

0 голосов
/ 29 апреля 2020

Я пробовал несколько разных способов создания экземпляра переменной в Nuxt, но ни один из способов не работает. Я прочитал эту тему и подозреваю, что, возможно, то, что я пытаюсь сделать, несовместимо с Webpack, но я не уверен, как.

Вот jsFiddle кода: jsfiddle.net / tutmoses / z2365g49 / 4

Сначала в разделе скриптов я экспортирую dataSize: 

<script>
export default {
   data(){
      return {
         page_name: "Run Model",
         dataSize: 1296

      }
   }
</script>

Затем в HTML выше я пытаюсь импортировать его, но ничего не рендерит: 

<div class="setting">
  <span class="setting-label">Training Size:</span>
  <input id="trainingSize" :value="dataSize"></input>
</div>

Я также пробовал это: 

<div class="setting">
  <span class="setting-label">Training Size:</span>
  <input id="trainingSize" :value= {{ dataSize }}></input>
</div>

... но значение создается как

{{

Я попробовал оба вышеупомянутых варианта без привязки value, но это тоже не сработало.

Другой способ, которым я пробовал, это в отдельном файле: 

export const nnSettings = {
  dataSize: 1296
}

И затем импортируем его следующим образом: 

import nnSettings from '~/components/testindex.js'

Опять же, zip.

Причина, по которой я импортирую значение, заключается в том, что другие значения будут вычислены из Это. Каким будет стандартный, лучший способ сделать это?

1 Ответ

1 голос
/ 29 апреля 2020

Nuxt (Vue) использует v-model для привязки к форме ввода. Посмотрите здесь для получения дополнительной информации о привязках формы 

<div class="setting">
  <span class="setting-label">Training Size:</span>
  <input id="trainingSize" v-model="dataSize"></input>
</div>
...