vue读取本地JSON 文件

最新推荐文章于 2024-10-08 23:02:57 发布

山有木兮*_*

最新推荐文章于 2024-10-08 23:02:57 发布

阅读量3.1k

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/weixin_43836052/article/details/95626660

版权

vue 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

vue读取本地json文件显示到页面上

<template>
<el-option v-for="item in provinces111" :key="item.code" :label="item.name" :value="item.code">
</template>
<script>
    	import provinceCity from '../../static/table.json'
    	export default {
  
    name: 'provinceCity',
     data() {
        return {  provinces:[ ],
    	}
    	}
    	created() {
      this.provinces111 = provinceCity.provinces;
      }
      //JSON文件
      {
  "provinces":[
    {"name":"北海道","level":"1","code":"010006","cities":[
      {"name":"札幌市","level":"2","code":"011002"},
      {"name":"函館市","level":"2","code":"012025"},
      {"name":"小樽市","level":"2","code":"012033"}
    ]},
  ]
}