VUE中使用 zTree -- jQuery 树插件 及 使用时报错 jQuery is not defined 的问题解决

最新推荐文章于 2024-04-26 15:21:07 发布
最新推荐文章于 2024-04-26 15:21:07 发布
阅读量1.6k 收藏 3
点赞数 1
文章标签： javascript webpack ui ViewUI
原文链接：https://segmentfault.com/a/1190000017518398
版权

使用需求

时隔两年多，再次使用到了 ztree ，这次是在vue中引入使用，并遇到了一些小问题，在这里把经验和解决办法给大家分享下，共勉。
ztree： zTree -- jQuery 树插件 官网简介 zTree v3.5 Demo 演示
有关ztree的使用，之前整理过两篇在jquery中使用的方法，大家参考下：
zTree -- jQuery 树插件 使用方法与例子
zTree -- jQuery 树插件 构造treeNode JSON 数据对象
zTree v3.5 Demo 演示 OutLook 样式的左侧菜单

在vue中使用zTree

首先，需要安装插件：

npm install ztree

然后，使用ztree

具体相关的代码如下：

<ul id="ztree" class=
最低0.47元/天 解锁文章
weixin_34417814
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在vue项目中使用Jquery-contextmenu插件的步骤讲解
10-17
今天小编就为大家分享一篇关于在vue项目中使用Jquery-contextmenu插件的步骤讲解，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
在Vue项目中引入JQuery-ui插件的讲解
10-17
今天小编就为大家分享一篇关于在Vue项目中引入JQuery-ui插件的讲解，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
使用ztree出现老是提示$或者jquery is not defined
群来群往的博客
08-31 3444
这个是jquery的$与ztree中定义的$冲突了，解决问题是： 首先使用var $J=jquery.noconflict();释放$控制权， 然后后面是用的$J去调用后面的内容就可以了
react中使用zTree报错jQuery is not define
Chris__wang的博客
01-04 2335
在使用react的时候发现引用的ztree会报错，应该是jquery与ztree里面的jquery冲突造成的，网上找到一个解决办法，记录一下 新建 jquery-vendor.js import $ from 'jquery' window.$ = $ window.jQuery = $ export default $  使用 import $ from '../assets/jqu...
史上最全，在vue中使用ztree实现树形结构（第三篇）
最新发布
qq_39285178的博客
04-26 550
首先看上面这个图，可能和ztree联系不起来对不对，不要怀疑，上面就是用ztree来实现的，只不过dom是我们自己定义的而已，可能很多人忽略了ztree的name属性，其实这个属性非常重要，可能很多人觉得，如果需要自己自定义dom，为什么不在ztree提供的addDiyDom中去操作呢？在公司呆了4年，现在想来最深的感受就是，凡是涉及到树性结构的，统统选择ztree准没错，我是ztree的忠实爱好者。这样当最终结构渲染出来之后，修改对应的类名就行了。最终的结构都出现了，再想去绑定各种事件就洒洒水了。
Vue引入JQuery报错caught ReferenceError: jQuery is not defined
qq_46034741的博客
04-08 1766
Vue引入JQuery报错caught ReferenceError: jQuery is not defined
jquery is not defined。原先是对的，突然就错了。
热门推荐
What are you looking for now
06-08 1万+
未定义jquery，就是没加载到jquery脚本，第一反应就应该清除缓存试试。 项目原先运行都是对的，突然就错了的，一般都是清除下缓存就好了。 否则的话就可是以下三点了： 1、查看是否引入jquery文件 2、查询路径是否错误,可以在页面源码中点击js文件路径. 3、JS是解释型语言，是根据标签引用分块顺序执行的，$是jQuery中的产生的对象，需
vue中报错jQuery is not defined
未来可期的博客
09-05 1561
vue中报错jQuery is not defined
使用vue-aplayer插件时出现的问题的解决
08-27
使用vue-aplayer插件时出现的问题的解决 在使用vue-aplayer插件时，可能会遇到一些问题，本文将介绍这些问题的解决方法。首先，我们需要安装vue-aplayer插件，可以使用npm install vue-aplayer --save命令来安装。 ...
vue项目中使用ztree树形插件.pdf
03-09
在vue中使用ztree组件。实现各种树。
zTree $.fn.zTree is undefined 错误解决方法
jyforzs的博客
08-26 2903
在使用ztree做目录树功能的时候，在初始化的时候报 $.fn.zTree is undefined 错误 原因：是由于引用ztree的页面是使用sitemesh装饰了的，在父页面引用了jquery的包，但是在子页面是把引用放在了head标签里了，所以，父页面引进的js包把子页面中的覆盖了。 解决办法：子页面引入js库放到body标签中，保存再运行就可以正常显示了
解决ztree报错init undefined
kalinux的博客
09-30 1898
1，说法一：在main.js中引入js资源表示全局引入，意思所有的vue文件都可以使用；在某个vue文件中引入资源表示局部引入，只有这个vue文件自己可以使用此资源； 2，说法二：import 了之后 和一个变量是一样的。 之前的引入 script 标签之后 所有的地方都可以用，是因为引入的时候，script 把入口文件挂在 浏览器的 window 对象下了。 一般现在的库都会判断下 引入的条件 是 amd 还是 common-js 还是 browser 还是 node。 3，import 以后你有没有V
在使用zTree 框架时前端报错Uncaught (in promise) TypeError: Cannot read property ‘init‘ of undefined
weixin_55229531的博客
05-18 1万+
在使用zTree 框架时前端报错Uncaught (in promise) TypeError: Cannot read property 'init' of undefined
JQuery zTree 插件使用，简单教程
qq_35238963的博客
08-14 2625
首先说一下，在web开发过程中会有很多的地方需要到树形的插件，JQuery 就有树的插件，本次简单教程讲的是zTree的使用教程。 官方下载地址:https://gitee.com/zTree/zTree_v3 第一步，HTML <ul id="deptTree" class="ztree"></ul> 第二步，zTree在init的时候都需要什么参数 zTre...
前端 -＞ zTree -- jQuery 树插件
rod0320的博客
12-23 562
文章目录详细参考官方网址:上图setting 配置详解 zTree 方法详解zTree v3.x 入门指南 详细参考官方网址: 上图 setting 配置详解 zTree 方法详解 参考:zTree v3.5.46 API 文档 zTree v3.x 入门指南 蓝奏云css文件下载: 你也可以去官方的地方下载 考虑到还是会有第一次使用 zTree 的朋友，因此入门指南不能少 至少让大家快速明白如何开始制作一棵属于自己的树。 步骤 1、文件准备 将需要使用的 zTree v3.x 相关的 js、css
vue中使用ztree时报找不到init方法错的解决方案
duansamve的博客
07-07 1001
build/webpack.base.conf.js中先删除： module.exports = { plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery", 'window.jQuery': 'jquery', jQuery: 'jquery' }) ] } 中的 new webpack.ProvidePlugin({ $:
Jquery 冲突解决方式
lingpaoershiyishiji的专栏
11-10 538
 在项目中引入JQ文件包时，采下面方法可以解决环境中jQuery版本冲突问题，因为客户环境中已经引用了jQuery包 if (typeof (jQuery) == "undefined") { document.write(""); }
vue init webpack缺少标识符_在 vue 中使用 ztree
weixin_39578516的博客
11-20 492
vue-cli版本：@vue/cli 4.3.1安装ztree和jquerynpm i @ztree/ztree_v3npm i jquery@1.11.3打开vue.config.js文件，添加以下配置，如果没有这个文件，就新建一个。'use strict'const webpack = require('webpack')module.exports = { runtimeCo...
史上最全，在vue中使用zTree实现树型结构
qq_39285178的博客
06-24 8684
最近做了蛮多需求都是在vue里面去操作dom，着实让人头大 需求如下：要求树形结构按照设计稿样式（ztree原本的样式ui接受不了） 鼠标浮动上去的时候，有功能按钮出现，浮在功能按钮上面，出现对应的功能提示 支持树形结构搜索，搜索后高亮显示，并出现默认选中样式 树结构很长，支持滚动（会有一个问题，浮动的功能提示信息受overflow的影响，那么第一行的提示信息会被覆盖） 好了，看下做好的效果图...
使用vuepress引用vue-quill-editor组件时报错 Uncaught ReferenceError: global is not defined
07-27
这个错误通常发生在使用 Vuepress 引入 Vue-Quill-Editor...这样做会在构建过程中将 `global` 设置为全局变量，从而解决了 `global is not defined` 的错误。希望这个解决方案能帮到你！如果还有其他问题，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值