fix(compiler): stringify values on v-text (#2432)

fix #2430
2020-10-20 00:12:09 +02:00
parent edd49dcab4
commit 314ab2c7c5
3 changed files with 21 additions and 7 deletions
--- a/packages/compiler-dom/src/transforms/vText.ts
+++ b/packages/compiler-dom/src/transforms/vText.ts
@@ -1,7 +1,9 @@
 import {
  DirectiveTransform,
  createObjectProperty,
-  createSimpleExpression
+  createSimpleExpression,
+  TO_DISPLAY_STRING,
+  createCallExpression
 } from '@vue/compiler-core'
 import { createDOMCompilerError, DOMErrorCodes } from '../errors'

@@ -21,8 +23,14 @@ export const transformVText: DirectiveTransform = (dir, node, context) => {
  return {
    props: [
      createObjectProperty(
-        createSimpleExpression(`textContent`, true, loc),
-        exp || createSimpleExpression('', true)
+        createSimpleExpression(`textContent`, true),
+        exp
+          ? createCallExpression(
+              context.helperString(TO_DISPLAY_STRING),
+              [exp],
+              loc
+            )
+          : createSimpleExpression('', true)
      )
    ]
  }