美文网首页前端
有关点击按钮弹出第三方对话框

有关点击按钮弹出第三方对话框

作者: 陈Bella | 来源:发表于2020-12-02 20:11 被阅读0次

    目前有一个需求:点击了解详情弹出第三方对话框,效果如下:


    1.png.png

    思路是:先获取如下的dom ,然后就是js模拟点击事件


    2.png.png
    代码如下:
                 <div class="fif">
                                   <el-button type="primary" @click="clickBtn">
                                       了解详情
                                       <i class="el-icon-right"></i>
                                   </el-button>
                 </div>
    
     clickBtn(){
                var e = document.createEvent("MouseEvents");
                e.initEvent("click", true, true);
                document.getElementById("nb_icon_wrap").dispatchEvent(e); //只要id 就好
            },
    

    附上链接:https://blog.csdn.net/jiemaio/article/details/93983527

    相关文章

      网友评论

        本文标题:有关点击按钮弹出第三方对话框

        本文链接:https://www.haomeiwen.com/subject/qjjuwktx.html