vue中获取dom时无注释内容问题解决方案

2019-11-18 17:22:58  卢浮宫  版权声明:本文为站长原创文章,转载请写明出处


一、背景

    在做js打印时我们定义了<!--startprint--><!--endprint--> 来定义打印区域。

但是在vue中这些注释是被拿掉了的,也就是说你获取的dom是没有这些的。


二、解决方案

    1、这个是vue再模板渲染时的操作

    2、可以使用配置项进行处理

    3、对vue版本支持有要求,本人使用2.5.2


三、贴下关键代码

    comments就是其是否保留注释内容的控制项

    JS:

    <script type="text/javascript" src="https://cdn.bootcss.com/vue/2.5.2/vue.min.js"></script>

    <script src="https://cdn.bootcss.com/jsbarcode/3.8.0/JsBarcode.all.min.js"></script>

    配置开启项:

    const bh = new Vue({

        el: '#bh',
comments:true,
data() {

            .

            .

            .



更多精彩请关注guangmuhua.com


最新评论: