jstree在TypeScript+vue的项目使用

本文介绍如何在TypeScript与Vue结合的项目中引入并使用jstree插件,包括安装依赖、获取类型声明文件及在项目中正确引用和声明变量的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前言:不能像在javaScript+vue中一样使用jquery插件的主要原因是:这些插件不是由TypeScript编写的,所以不会导出TypeScript声明文件,我们在TypeScript引入这些包,就会编译错误

以下是我在TypeScript+vue的项目中使用jstree的步骤:

步骤一:下载插件以及插件所需依赖

                  npm install –save jquery jstree

步骤二:需要ts声明文件,对外暴露API,有时候声明文件在源码中,大部分是单独提供额外安装

               幸运的是,大部分的类库,TS社区都有声明文件。名称为@types/类库名,需要去这个网站搜一下http://microsoft.github.io/TypeSearch/

               npm install –save-dev @ types / jquery

               npm install –save-dev @ types / jstree(由于我发现没有用,具体原因我也不知道,于是我把jstree的插件也删了npm uninstall jstree @ types / jstre)

步骤三:在用到的jstree的页面,引入jstree.min.js文件,当然你也可以把你写的jstree的样式一并引入

import '../../../static/jstree/jstree.min.js'

步骤四:声明

declare var $ : any
declare var jstree : any

步骤五:使用

$('#jstree_demo_div').jstree();

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值