vuejs打开本地json文件进行测试

2023-11-11

vuejs导入本地json文件来进行测试

先把json文件放在文件的根目录下

在这里插入图片描述

然后在需要用到测试数据的页面引入,然后获取数据

import phone from '../../../phone.json'
mounted(){
    this.goodsList = phone
    console.log(this.goodsList);
  },

},


本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

vuejs打开本地json文件进行测试 的相关文章

随机推荐

  • base64 编码转png上传minio

    public static InputStream base64ConvertPNG String base64 BASE64Decoder decoder new BASE64Decoder 解码 base64 base64 replac
  • opencv 中findContours函数介绍

    opencv4 中findContours函数介绍 findContours 这个函数的主要功能是找到contours也就是边界线 不过这个函数主要是给灰度图对象服务的 函数的使用介绍 findContours image mode met
  • MD5 Hash + Salt的密码存储方式实现

    MD5算法是一种密码散列算法 MD5散列后的数据长度为128 bit 该散列算法在密码上使用得非常多 但现在已经被更安全的SHA 1代替 MD5算法产生的密码可以使用反向查询的方式从预先算出的密码MD5库中查到密码 网上的一些MD5库中大约
  • 动态加载js的三种方式,以及script的三种加载方式

    测试准备 1 html文件 2 测试的js文件 我这里准备了四个js文件 每个脚本的最后都加上了console log 文件名 src main js 135KB src tooltip js gt 17KB src button js 4
  • 数据库五表关联查询

    1基于角色访问控制RBAC 1 1RABC数据库设计 1 2RABC实现流程 基于菜单实现 在创建系统用户时 为用户绑定对应的角色 当登录成功进入主页面 根据用户查询角色 再根据角色查询到当前用户的权限列表 2主页菜单的加载显示功能 根据不
  • Qt 使用 windeployqt 打包软件

    Qt 使用 windeployqt 打包软件 需使用qt 自带的终端打包 例如 打开之后 运行命令 windeployqt exe 需要打包的exe 不要使用cmd或者powershell
  • selenium知识点小结

    环境 Python 3 6 1 selenium 3 4 3 Firefox 54 0 1 geckodriver 0 15 0 chrome 59 0 3 chromedriver v3 1 自动化测试基础 1 软件测试分类 根据项目流程
  • chineseocr 安装笔记 2021-05

    chineseocr 基于yolo3 与crnn 实现中文自然场景文字检测及识别 选在 GitHub 目前位置有 4 1K的star 也正因为基于 yolo 的原因 尝试一下 chineseocr 的中文识别 GitHub地址 GitHub
  • 替换spring的commons-logging(jcl)日志系统为logback日志系统

    接口层名称 说明 JCL Jakarta Commons Logging 陈旧 这个就是spring core依赖的logging SLF4J 适合 同一作者 jboss logging 特殊专业领域使用 实现层名称 说明 log4j 最初
  • CKA 核心知识点概述

    CKA 核心知识点概述 介绍 知识点 说明 介绍 笔者曾经在本专栏分享了大量 CKA CKS 考点相关的内容 由于某些原因被 jubao 下架 但考虑到很多网友和群友想进一步了解 CKA 相关的核心知识 因此在这里把笔者之前的记录整理了一下
  • RuoYi-Vue————权限管理

    RuoYi Vue 权限管理 1 若依框架权限分类 2 若依框架权限的依次介绍 3 若依框架重要接口执行流程 1 若依框架权限分类 若依Vue系统中的权限分为以下几类 1 菜单权限 用户登录系统之后能看到哪些菜单 2 按钮权限 用户在一个页
  • 微信小程序基础知识-----获取用户授权信息

    点允许 绑定用户信息 用户头像和昵称 效果图 如何获取昵称和头像后将绿框框消除 设定一个数据变量 将设定的变量作为条件渲染 当获取到的用户信息后将设定的变量值改为false 执行这一板块 效果图 如何解决头像的问题
  • Vue2和Vue3自定义组件使用v-model

    Vue2 父组件 v model 自定义组件 props接收 model对象里写prop和event method里写具体方法 子组件
  • win11配置wsl2以及深度学习环境

    安装wsl2 许多深度学习代码都是使用Linux跑的 跑别人的代码 最好环境可以一样 如果使用Windows可能会遇到很多bug wsl2相比于wsl有着些许升级 对于深度学习来说 好处是可以使用CUDA 这里演示win11安装wsl2 打
  • Mybatis流式游标查询-大数据DB查询OOM查询问题

    问题场景 Mysql数据处理类型分以下三种 com mysql cj protocol a result ResultsetRowsStatic 普通查询 将结果集一次性全部拉取到内存 com mysql cj protocol a res
  • 使用Docker部署RabbitMQ集群

    使用Docker部署RabbitMQ集群 概述 本文重点介绍的Docker的使用 以及如何部署RabbitMQ集群 最基础的Docker安装 本文不做过多的描述 读者可以自行度娘 Windows10上Docker的安装 因为本人用的是Win
  • springboot activemq 2 持久化消息 与 持久化订阅

    接着上一节http blog csdn net cons step by step article details 78300427 改动1 减少springboot重复创建session的问题 jmsTemplate的地方加入了Cachi
  • 解决unity3D与vs相互关联的问题(assembly csharp 不兼容,无法打开.cs脚本)

    刚开始打开旧项目没反应 重装电脑后 依照步骤3 才成功了 由于 vs 2010 升级 2017 再升级 2019 导致不兼容 解决方案 1 在unity软件中进行设置 2 点击控制面板 gt 程序与功能 gt 右键vs2017 gt 修改
  • linux安装开源邮件服务器iredmail的方法:docker

    直接安装的方法 参考网文 我不介绍 本文介绍的是快速的方法 docker 使用镜像源 https hub docker com r lejmr iredmail 因为pull的数量最多 直接 docker pull lejmr iredma
  • vuejs打开本地json文件进行测试

    vuejs导入本地json文件来进行测试 先把json文件放在文件的根目录下 然后在需要用到测试数据的页面引入 然后获取数据 import phone from phone json mounted this goodsList phone