请问vue通过webpack打包后css和dom元素中的data-v-xxxxx如何清除？
网友回复
可以通过正则替换掉，代码如下：
<?php
if (isset($_POST['code'])) {
$code = preg_replace('/(\[data-v-[0-9a-z]+\])/U', "", $_POST['code']);
$code = preg_replace('/(data-v-[0-9a-z]+=\"\")/U', "", $code);
echo "<pre>";
echo htmlentities($code);
} else {
?>
<form method="post" action="">
<textarea name="code" style="height:200px;width:100%;"></textarea></br>
<input type="submit" value="提交" />
</form>
<?php
}
?>我们可以将以下带有data-v-xxxx标签的代码去除data-v-xxx标签<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" />
<style>
.flex-box[data-v-f425499e] {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
.title[data-v-f425499e] {
width:100%;
font-weight:bold;
font-size: 48px;
}
</style>
</head>
<body>
<div data-v-f425499e="" class="flex-box">
<div data-v-f425499e="" class="title">
Test
</div>
</div>
</body>
</html>去除后就可已变成<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" />
<style>
.flex-box {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
.title {
width:100%;
font-weight:bold;
font-size: 48px;
}
</style>
</head>
<body>
<div class="flex-box">
<div class="title">
Test
</div>
</div>
</body>
</html>
by thinkfuture
我知道答案，我要回答
私活外包
最新提问
