Kehaw

解决sl-vue-tree无法双向绑定传递属性的问题


sl-vue-tree 这个插件不错,但是它不能传递 module 导致无法在应用中进行双向绑定,所以需要对源码进行修改。

打开 node_modules 文件夹,找到 sl-vue-tree 的目录,修改 src 目录下的 sl-vue-tree.js,找到以下代码并进行修改:

getNode(
	path,
	nodeModel = null,
	siblings = null,
	isVisible = null
) {
	const ind = path.slice(-1)[0];

	// calculate nodeModel, siblings, isVisible fields if it is not passed as arguments
	siblings = siblings || this.getNodeSiblings(this.currentValue, path);
	nodeModel = nodeModel || (siblings && siblings[ind]) || null;

	if (isVisible == null) {
		isVisible = this.isVisible(path);
	}

	if (!nodeModel) return null;

	const isExpanded = nodeModel.isExpanded == void 0 ? true : !!nodeModel.isExpanded;
	const isDraggable = nodeModel.isDraggable == void 0 ? true : !!nodeModel.isDraggable;
	const isSelectable = nodeModel.isSelectable == void 0 ? true : !!nodeModel.isSelectable;

	const node = {

		// define the all ISlTreeNodeModel props
		title: nodeModel.title,
		isLeaf: !!nodeModel.isLeaf,
		children: nodeModel.children ? this.getNodes(nodeModel.children, path, isExpanded) : [],
		isSelected: !!nodeModel.isSelected,
		modal: nodeModel,//此处将modal添加进去
		isExpanded,
		isVisible,
		isDraggable,
		isSelectable,
		data: nodeModel.data !== void 0 ? nodeModel.data : {},

		// define the all ISlTreeNode computed props
		path: path,
		pathStr: JSON.stringify(path),
		level: path.length,
		ind,
		isFirstChild: ind == 0,
		isLastChild: ind === siblings.length - 1
	};
	return node;
}

然后在node对象中就可以通过node.modal来获取节点对象了。

Kehaw

👨‍💻Ke Haw 🇨🇳👨‍👩‍👧‍👦

风吹云散去,夜色好观星
Java | 前端 | 大数据

专注于 Spring Cloud 微服务架构与数据处理,研究一切与Java相关的开发技术,包括一部分前端技术。

目前的工作主要是关于B2B大宗商品在线交易领域的数据处理。如果对本站的部分内容感兴趣,请通过邮件、Twitter联系我🤝。

Fork me on Gitee
基于Spring Security + OAuth2 + JWT 的权限认证(一) Java-Stream学习第四步:数据处理 Java-Stream学习第三步:终端操作 Java-Stream学习第二步:处理流 Java-Stream学习第一步:创建流 Electron使用串口通信 Electron下调用DLL文件 国外SaaS服务供应商都是干什么的:Part1 为什么Kafka会丢失消息 Spring Boot中使用JSR380验证框架
Description lists
Kehaw's blog
Site description
人初做事,如鸡伏卵,不舍而生气渐充;如燕营巢,不息而结构渐牢;如滋培之木,不见其长,有时而大;如有本之泉,不舍昼夜,盈科而后进,放乎四海。
Copyright
© 2014 Copyright Kehaw | All rights reserved.