vue 展示 json，节点可展开，可收缩 -凯发k8国际

`

vue 展示 json，节点可展开，可收缩

    博客分类：
  • vue
vue 

第一步：添加包

yarn add vue-json-viewer

 

第二步：加入components

components: {
  jsonviewer,
},

 

第三步：添加div

 

第四步：控制给数据赋值并控制框是否展示

getdata() {
  const params = {
    id: this.queryform.id,
};
queryid(params).then((response) => {
    if (response.status === 200) {
      this.jsondata = response.data;
      this.showjson = !this.showjson;
} else {
      this.$message.warning('请求失败', 'warning');
}
  });
},
分享到：
| unsupported conversion from date to java ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    本文实例讲述了vue加载json文件的方法。分享给大家供大家参考，具体如下： 一、在build/dev-server.js文件里 var app = express() 这句代码后面添加如下(旧版)： var appdata = require('../address.json'); // ...

    前端展示json数据，格式化，可折叠展开

    基于vue的json可视化编辑器，通过定义 json schema 直接生成 ui 界面

    谷歌插件 vue和json美化

    基于vue的json可视化编辑器，通过定义 json schema 直接生成 ui 界面 挺好的，https://jsonui.js.org/

    主要介绍了vue el-tree 默认展开第一个节点的实现代码,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下

    vue-jsonschema-form [wip：未准备好] 基于json模式表单生成器 概述 该项目的目的是创建一个简单的vue组件，该组件能够根据构建html表单，并且默认情况下使用语义。 入门 克隆此存储库，安装依赖项并使用dev命令...

    json至excel for vue 2 直接从浏览器将json数据下载为excel文件。 该组件基于上提出的凯发k8国际娱乐官网入口的解决方案重要的！ microsoft excel中的额外提示在此组件中实现的方法使用html表绘制.xls文件，microsoft excel不再将html识别为...

    vue json树视图演示和博客文章您可以在jsfiddle上查看该，并通过阅读名为vue.js中的 ，以创建该库。安装使用npm安装插件： npm install --save vue-json-tree-view 然后，在您的application javascript中，添加： ...

    vue-json-tree-view-master，使用树状结构的json格式化插件

    vue组件，用于将json数据呈现为树结构。 现在，它至少支持vue3。 如果你还在用vue2，看到。 english | 产品特点 作为json格式化程序。 从json获取商品数据。 用具有可预测的静态类型的typescript编写。 支持...

    vue json组件演示json的可折叠树视图。 该软件包与vue-json-tree-view有一些相似之处，因此我将通过vue json组件演示来解决这些差异。json的可折叠树视图。 该软件包与vue-json-tree-view有一些相似之处，因此我将在...

    转载

    vue-task-node 是一个基于vue的任务节点图绘制插件（vue-task-node is a vue based task node mapping plug-in）

    基于vue的json可视化编辑器，通过定义 json schema 直接生成 ui 界面 基于vue的json可视化编辑器，通过定义 json schema 直接生成 ui 界面

    项目开发过程中遇到展示json的场景，且json文件体积过大，小则几百kb，也尝试了已经开源的部分组件，但由于节点过多，渲染速度过慢，无法使用，已有项目技术选型为vue，无法再使用react相关技术，所以考虑自己开发一...

    vue-json编辑 作为vue组件构建的visual json编辑器。 提供基本的gui 入门 npm install vue-json-edit --save 用法 //import it in your project at your entry point import vue from 'vue' import jsoneditor from ...

    实现echarts中的树形tree图的节点收缩功能,子节点最多支持扩展9个,通过value作为层级的标识.能够完美实现子节点的缩放功能.

    最新的vue读取本地json文件数据，下载解压，运行cmd,cd到这个目录，运行npm yun dev,然后直接访问就能获取数据

    这个直接是个data，放入你的vue2项目中即可。（因为我的项目是用的vue2，所以，其他的属性跟博客内容是吻合的。请配合博客再下载此json）

global site tag (gtag.js) - google analytics
网站地图