element 调用接口返回json中的data-bs-toggle="tooltip" data-bs-title="查阅"

浪淘沙3个月前前端61

<el-table ref="tableRef">

<el-table-column prop="files" label="操作" :fixed="isMobile ? false : 'right'" min-width="100">
    <template #default="{ row }">
        <span v-html="row.files"></span>
    </template></el-table-column>

const App = {

    data() {
        return {
        }
    },


    mounted() {

        this.initTooltip();

    },


    updated() {

        this.initTooltip();

    },


    methods: {

        initTooltip() {

            document
            .querySelectorAll('[data-bs-toggle="tooltip"]')
            .forEach(el => {

                bootstrap.Tooltip.getOrCreateInstance(el);

            });

        }

    }

};


相关文章

layui 弹出页面,并且页面保留不变,不跳回头部

 <td>【<a href="#" onclick="return false;" &nbs...

layui form提交时,弹出确认框

layui form提交时,弹出确认框

<div class="container yx-form">     <form c...

element 加提示 el-tooltip

<el-table-column prop="ym" label="域名" min-width="150"...

layui 静态表格弹出传值、弹出页面

layui 静态表格弹出传值、弹出页面

<script>     layui.config({     base: '/lay...

layui asp.net core razor集大成应用

layui asp.net core razor集大成应用

@page @model xxtsoft.Web.Entry.Pages.sysadmins.kh.kh_pjbModel @{     Lay...

element plus 链接开式,参数为模板插值

 <el-table-column label="操作" :fixed="isMobile ? false&nbs...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。