Использование конкатенации в файле импорта с использованием vue js - PullRequest
Новая
       9

Использование конкатенации в файле импорта с использованием vue js

0 голосов
/ 21 мая 2018

Я хочу иметь динамическое имя для моего файла JSON при импорте.Я использую Vue JS, и у меня есть этот код 

Import MY_JSON from './2018-05-at-2018-05-18.json'
export default {
     data() {
         return {

         }
}

Я хочу сделать это так 

Import MY_JSON from './2018-05-at-' + date + '.json'
export default {
    data() {
        return {
            date: '2018-05-18'
        }
    }

Я пробовал, но это не работает, я пытался найти вGoogle, но это не дает мне результат, который я хочу.Надеюсь, кто-нибудь может мне помочь.СПАСИБО!

Ответы [ 2 ]

0 голосов
/ 21 мая 2018

Я думаю, вам нужно указать файл json после определения this.date. 

<template>
  <div>
    <h1>loading..</h1>
    <span>{{ json }}</span>
  </div>
</template>

<script>
export default {
  name: 'App',
  data() {
    return {
      date: '2018-05-18',
      json: null,
    }
  },
  mounted() {
    this.json = require('../test-' + this.date + '.json')
  },
}
</script>
0 голосов
/ 21 мая 2018

import для статических файлов, но require может работать для вас 

const MY_JSON = require('./2018-05-at-' + date + '.json')
...