Question

我想在导入时为我的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'
        }
    }

我试了但是它没有用，我试图搜索谷歌，但它并没有给我一个我想要的结果。希望有人可以帮助我。谢谢！

Answer 1

import适用于静态文件，但require可能适用于您

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

Answer 2

我认为在定义this.date之后你必须要求json文件。

<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>

使用vue js在导入文件中使用连接

2 个答案: