vue中给el-radio添加tooltip并实现点击跳转方式

<el-tooltip :disabled="toolTipDisable" placement="bottom" effect="light">
    <div slot="content" @click="goToRout()">{{toolTipContent}}</div>
    <el-radio label="3">New Youk</el-radio>
</el-tooltip>


goToRout(){
   let routeData = this.$router.resolve({name: '/your url', params: {active:'1'}});
   window.open(routeData.href, '_blank');
}

<el-table border :data="dataList">
    <el-table-column align="center">
        <!--下面是表头的复选框，使用插槽header。实现全选以及部分选择-->
        <template slot="header" slot-scope="{row}">
            <!--v-model绑定全选（isCheck）变量，indeterminate：绑定是否部分选择-->
            <el-checkbox v-model="isCheck" :indeterminate="indeterminate"
                         @change="handleCheckAllChange"></el-checkbox>
        </template>
        <template slot-scope="{row}">
            <!--这里在复选框可用的时候禁用，不可用的时候使用el-tooltip进行提示-->
            <el-tooltip :disabled="提示框禁用的条件" :content="提示语" placement="left">
                <!--selection是表格中选中行的数据，类型为数组-->
                <!--这里建议不要使用@change实现父子数据间的通信-->
                <el-checkbox-group v-model="selection">
                    <!--此处的label是复选框右边显示的值，也是选中后的值。如果要一行的数据，直接使用row即可-->
                    <el-checkbox :disabled="复选框禁用条件" :key="row.id" :label="row.id"></el-checkbox>
                </el-checkbox-group>
            </el-tooltip>
        </template>
    </el-table-column>
</el-table>

export default {
    data() {
        return {
            dataList: [],
            isCheck: false,
            indeterminate: false,
            enabledDataList: [],//这个指没有被禁用的行，进来组件的时候需要自己处理下
            checkedCount: 0,
            selection: []
        }
    },
    methods: {
        handleCheckAllChange(value) {
            this.selection = value ? this.enabledDataList : [];
            this.indeterminate = false;
            this.$emit('input', this.selection)
        },
        
    },
    watch: {
        selection: {
            handler(v) {
                console.log(v)
                //这里采用监听selection的变化而不是使用el-checkbox-group的change事件是因为：
                // 在change事件中往父组件发消息时，表单已经完成了异步的验证，所以无法在表单验证前将选中的值发给父组件
                if (this.enabledDataList.length) {//这个条件是判断需要有。。。。
                    let checkedCount = v.length;
                    this.isCheck = checkedCount === this.enabledDataList.length;
                    this.indeterminate = checkedCount > 0 && checkedCount < this.enabledDataList.length;
                }
                this.$emit('input', v)
            },
            immediate: true
        }
    }
}

.el-checkbox__label {
    visibility: hidden;
}