fix: ssr-string static include \n case html's style parse faied (fix: v…

…uejs#11449)
869288142 · Oct 19, 2021 · a23744a · a23744a
1 parent ddfa1ee
commit a23744a
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 1 deletion.
diff --git a/src/server/optimizing-compiler/modules.js b/src/server/optimizing-compiler/modules.js
@@ -106,7 +106,7 @@ export function genStyleSegments (
   vShowExpression: ?string
 ): Array<StringSegment> {
   if (staticStyle && !styleBinding && !vShowExpression) {
-    return [{ type: RAW, value: ` style=${JSON.stringify(staticStyle)}` }]
+    return [{ type: RAW, value: ` style=${JSON.stringify(staticStyle.replace(/\n/g, ''))}` }];
   } else {
     return [{
       type: EXPRESSION,

diff --git a/test/ssr/ssr-string.spec.js b/test/ssr/ssr-string.spec.js
@@ -1668,6 +1668,24 @@ describe('SSR: renderToString', () => {
   })
 })
 
+it('only static style and not v-show ', done => {
+  renderVmWithOptions({
+    template: `    <div
+    style="
+    margin-top:
+    0px;width: 24px;
+    height: 16px;
+    vertical-align: text-bottom;
+    fill: #bfbfc3;"
+  ></div>`,
+  }, result => {
+    expect(result).toContain(
+      '<div data-server-rendered="true" style="width:24px;height:16px;vertical-align:text-bottom;fill:#bfbfc3;"></div>'
+    )
+    done()
+  })
+})
+
 function renderVmWithOptions (options, cb) {
   renderToString(new Vue(options), (err, res) => {
     expect(err).toBeNull()