fix: Ref or computed inside non-wrappable variables (objects, arrays)…

… should return a string without quotes(#5578)
vuejs · Mar 16, 2022 · 4d3d0d6 · 4d3d0d6
1 parent 5898629
commit 4d3d0d6
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/packages/shared/__tests__/toDisplayString.spec.ts b/packages/shared/__tests__/toDisplayString.spec.ts
@@ -70,6 +70,9 @@ describe('toDisplayString', () => {
         np
       })
     ).toBe(JSON.stringify({ n: 1, np: 2 }, null, 2))
+    // #5578
+    const nums = [ref('text')]
+    expect(toDisplayString(nums[0])).toBe('text')
   })
 
   test('objects with custom toString', () => {

diff --git a/packages/shared/src/toDisplayString.ts b/packages/shared/src/toDisplayString.ts
@@ -13,7 +13,11 @@ import {
  * For converting {{ interpolation }} values to displayed strings.
  * @private
  */
-export const toDisplayString = (val: unknown): string => {
+export const toDisplayString = (val: any): string => {
+  //fix #5578
+  if (val && val.__v_isRef) {
+    return toDisplayString(val.value)
+  }
   return isString(val)
     ? val
     : val == null