需求

将示例的点击radio和点击文字功能结合在一起。可以选择任意一级的内容，直接点击文字即可选中，同时如果有下一级就展示，去掉radio标签。

实现方法

通过css将radio标签做成文字框一样大小并且透明覆盖在整个文字上方，点击文字的时候其实是在点击radio标签

代码

// 当使用了 checkStrictly 就会出现单选按钮，使用样式修改即可
<style lang="less" >
    .el-cascader-panel .el-radio{
        width: 100%;
        height: 100%;
        z-index: 10;
        position: absolute;
        top: 10px;
        right: 10px;
    }
    .el-cascader-panel .el-radio__input{
        visibility: hidden;
    }
    .el-cascader-panel .el-cascader-node__postfix {
        top: 10px;
    }
</style>

注意事项

1、选项的容器并不在挂载的div#app中，而是div#app的兄弟元素，我们在组件中设置样式的时候，加上了scoped，作用域都是局限在div#app中，所以设置的样式就无法正常作用到选项内容的div上，一定要删除 scoped 样式才会生效

修改前效果

修改后效果