Skip to content

[vue] vue渲染模板时怎么保留模板中的HTML注释呢？ #508

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
haizhilin2013 opened this issue Jun 25, 2019 · 14 comments
Open

[vue] vue渲染模板时怎么保留模板中的HTML注释呢？ #508

haizhilin2013 opened this issue Jun 25, 2019 · 14 comments
Labels
vue vue

Comments

@haizhilin2013
Copy link
Collaborator

[vue] vue渲染模板时怎么保留模板中的HTML注释呢？
@haizhilin2013 haizhilin2013 added the vue vue label Jun 25, 2019
@yalishizhude
Copy link 

<template comments>
  ...
</template>

@zboMa
Copy link

zboMa commented Jul 1, 2019 

<template comments>
  ...
</template>

@naokimidori
Copy link 

<template comments>
...
<template>

@girlfighting
Copy link

@janwenGighub
Copy link

...

@finghtingjie
Copy link

finghtingjie commented Jul 15, 2019 •
edited
Loading

<template comments> ... <template>

@jianhui-sha
Copy link

...

@cxrloveuu
Copy link

设置comments属性，官网默认为舍弃注释

@GShJZhY
Copy link

GShJZhY commented Jul 26, 2019

... <script> import... export default{ comments: true, ... } </script>

@TKBnice
Copy link

TKBnice commented Sep 29, 2019

注释必须位于要保留的根元素内。
comments: true 属性不适于单文件属性

@censek
Copy link

censek commented Oct 12, 2019 

<template comments>
<!--我是注释内容-->
</template>
<script>
export default {
    comments: true;
}
</script>

@XiaoLin-029
Copy link

comments设为true，默认false，设为true之后将会保留且渲染模块中的HTML注释，

@dianjie
Copy link

dianjie commented Aug 12, 2020

Vue默认舍弃注释，可以通过设置comments来开启，相关文档

<template comments>
	<div>
		<!--我是注释内容-->
	</div>
</template>

注释一定要在根元素之内

<template comments>
	<!--我是注释内容-->
	<div></div>
</template>

这样注释是不生效的。这是vue-loader提供的支持

或者

new Vue({
    el: "#app",
    comments: true
});

注意：在单文件组件设置是不生效的

<script>
    export default {
    	comments: true
    }
</script>

相关issue

@liaoxueqing
Copy link

1.使用注释： 在 Vue 模板中，可以使用 注释，这种注释会被保留在渲染后的 HTML 中。
2.使用v-pre指令： 你还可以使用 v-pre 指令，该指令告诉 Vue 跳过这个元素和它的所有子元素的编译过程。这样，元素中的所有内容（包括注释）都会原封不动地保留在渲染后的 HTML 中。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
vue vue
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests