vue下的bootstrap table + jquery treegrid, treegrid无法渲染的问题-白红宇

vue下的bootstrap table + jquery treegrid, treegrid无法渲染的问题

阅读量：6983 次

发布时间：2019-06-27

本文共 2942 字，大约阅读时间需要 9 分钟。

在mian.js导入的包如下：该bootstrap-table-treegrid.js需要去下载，在复制到jquery-treegrid/js/

1 import $ from 'jquery'2 import 'bootstrap/dist/css/bootstrap.min.css'3 import 'bootstrap/dist/js/bootstrap.min'4 import 'bootstrap-table/dist/bootstrap-table.min.css'5 import 'bootstrap-table/dist/bootstrap-table.min'6 import 'bootstrap-table/dist/locale/bootstrap-table-zh-CN.min'7 import 'jquery-treegrid/css/jquery.treegrid.css'8 import 'jquery-treegrid/js/jquery.treegrid.min'9 import 'jquery-treegrid/js/bootstrap-table-treegrid'

package.json如下：

1 "dependencies": {2     "bootstrap": "^3.3.7",3     "bootstrap-table": "^1.11.1",4     "jquery": "^3.4.1",5     "jquery-treegrid": "^0.3.0"6   }

mounted方法如下：

1 
      8  9 62 63

json数据：

1 [ 2   { 3     "id": 1, 4     "status": 1, 5     "pid":0, 6     "name": "用户管理", 7     "permissionValue": "open:user:manage" 8   }, 9   {10     "id": 2,11     "pid":0,12     "status": 1,13     "name": "系统管理",14     "permissionValue": "open:system:manage"15   },16   {17     "id": 3,18     "pid": 1,19     "status": 1,20     "name": "新增用户",21     "permissionValue": "open:user:add"22   },23   {24     "id": 4,25     "pid": 1,26     "status": 1,27     "name": "修改用户",28     "permissionValue": "open:user:edit"29   },30   {31     "id": 5,32     "pid": 1,33     "status": 0,34     "name": "删除用户",35     "permissionValue": "open:user:del"36   },37   {38     "id": 6,39     "pid": 2,40     "status": 1,41     "name": "系统配置管理",42     "permissionValue": "open:systemconfig:manage"43   },44   {45     "id": 7,46     "pid": 6,47     "status": 1,48     "name": "新增配置",49     "permissionValue": "open:systemconfig:add"50   },51   {52     "id": 8,53     "pid": 6,54     "status": 1,55     "name": "修改配置",56     "permissionValue": "open:systemconfig:edit"57   },58   {59     "id": 9,60     "pid": 6,61     "status": 0,62     "name": "删除配置",63     "permissionValue": "open:systemconfig:del"64   },65   {66     "id": 10,67     "pid": 2,68     "status": 1,69     "name": "系统日志管理",70     "permissionValue": "open:log:manage"71   },72   {73     "id": 11,74     "pid": 10,75     "status": 1,76     "name": "新增日志",77     "permissionValue": "open:log:add"78   },79   {80     "id": 12,81     "pid": 10,82     "status": 1,83     "name": "修改日志",84     "permissionValue": "open:log:edit"85   },86   {87     "id": 13,88     "pid": 10,89     "status": 0,90     "name": "删除日志",91     "permissionValue": "open:log:del"92   }93 ]

看下图，树型表格始终无法成功渲染，只有bootstrap table的效果，很是郁闷。