fix: allow multiline expression in v-for

fix vuejs#7792
aJean · Aug 19, 2020 · e54df9f · e54df9f
1 parent 75b57d8
commit e54df9f
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 1 deletion.
diff --git a/src/compiler/parser/index.js b/src/compiler/parser/index.js
@@ -21,7 +21,7 @@ import {
 
 export const onRE = /^@|^v-on:/
 export const dirRE = /^v-|^@|^:/
-export const forAliasRE = /(.*?)\s+(?:in|of)\s+(.*)/
+export const forAliasRE = /([^]*?)\s+(?:in|of)\s+([^]*)/
 export const forIteratorRE = /,([^,\}\]]*)(?:,([^,\}\]]*))?$/
 const stripParensRE = /^\(|\)$/g
 

diff --git a/test/unit/features/directives/for.spec.js b/test/unit/features/directives/for.spec.js
@@ -464,6 +464,26 @@ describe('Directive v-for', () => {
     }).then(done)
   })
 
+  // #7792
+  it('should work with multiline expressions', () => {
+    const vm = new Vue({
+      data: {
+        a: [1],
+        b: [2]
+      },
+      template: `
+        <div>
+          <span v-for="n in (
+            a.concat(
+              b
+            )
+          )">{{ n }}</span>
+        </div>
+      `
+    }).$mount()
+    expect(vm.$el.textContent).toBe('12')
+  })
+
   const supportsDestructuring = (() => {
     try {
       new Function('var { foo } = bar')