Vue - Element UI 级联选择器 el-cascader 组件设置点击 label 文字直接选中，无需点击圆形单选框选中（解决开启 “单选模式“ 后无法通过点击整行直接选中的问题）

前言

如果您需要 Vue3 版本，请访问 这篇文章。

本文 实现了在 vue + elementUI 项目开发中，el-cascader 级联选择器开启 “严格单选模式（父子节点取消选中关联，达到选择任意一级选项）” 后，选中操作改为直接 “点击文字整行” 就能选中，并且点击后自动隐藏收起下拉弹框功能，

网上千篇一律的无效方案，本文的方案保证不影响全局样式、不影响其他级联组件工作，强大好用。

如下图所示，现在可以点击文字或单选圆圈选中，并且局部独立不互相影响！

示例代码干净整洁，新手小白复制粘贴即用！

示例代码

此解决方案是通用的，也就是说复选框、单选框，单选和多选都可以使用。

随便找个页面，一键复制运行起来即可。

<template