Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
小浣熊撸代码
uni-app
提交
abdfe863
U
uni-app
项目概览
小浣熊撸代码
/
uni-app
与 Fork 源项目一致
Fork自
DCloud / uni-app
通知
1
Star
1
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
1
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
1
Issue
1
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
abdfe863
编写于
4月 23, 2021
作者:
Q
qiang
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix(mp): 修复 v-for 遍历数组表达式包含方法时编译错误的问题
上级
55486e37
变更
2
显示空白变更内容
内联
并排
Showing
2 changed file
with
29 addition
and
12 deletion
+29
-12
packages/uni-template-compiler/__tests__/compiler-extra.spec.js
...es/uni-template-compiler/__tests__/compiler-extra.spec.js
+10
-0
packages/uni-template-compiler/lib/script/traverse/data/event.js
...s/uni-template-compiler/lib/script/traverse/data/event.js
+19
-12
未找到文件。
packages/uni-template-compiler/__tests__/compiler-extra.spec.js
浏览文件 @
abdfe863
...
...
@@ -727,6 +727,16 @@ describe('mp:compiler-extra', () => {
'
<block wx:for="{{[{x:[1,2,3,4]}]}}" wx:for-item="item" wx:for-index="index"><view><block wx:for="{{item.x}}" wx:for-item="item2" wx:for-index="__i0__"><view data-event-opts="{{[[
\'
tap
\'
,[[
\'
e0
\'
,[
\'
$event
\'
]]]]]}}" data-event-params="{{({item2})}}" bindtap="__e">{{item2+"+"+index}}</view></block></view></block>
'
,
'
with(this){if(!_isMounted){e0=function($event,item2){var _temp=arguments[arguments.length-1].currentTarget.dataset,_temp2=_temp.eventParams||_temp["event-params"],item2=_temp2.item2;var _temp,_temp2;return test(item2)}}}
'
)
assertCodegen
(
'
<view v-for="(item, index) in array()"><view @click="test"></view></view>
'
,
'
<block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="index"><view><view data-event-opts="{{[[
\'
tap
\'
,[[
\'
test
\'
,[
\'
$event
\'
]]]]]}}" bindtap="__e"></view></view></block>
'
,
'
with(this){var l0=array();$mp.data=Object.assign({},{$root:{l0:l0}})}
'
)
assertCodegen
(
'
<view v-for="(item, index) in array()"><view @click="test(item)"></view></view>
'
,
'
<block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="index"><view><view data-event-opts="{{[[
\'
tap
\'
,[[
\'
e0
\'
,[
\'
$event
\'
]]]]]}}" data-event-params="{{({item})}}" bindtap="__e"></view></view></block>
'
,
'
with(this){var l0=array();if(!_isMounted){e0=function($event,item){var _temp=arguments[arguments.length-1].currentTarget.dataset,_temp2=_temp.eventParams||_temp["event-params"],item=_temp2.item;var _temp,_temp2;return test(item)}}$mp.data=Object.assign({},{$root:{l0:l0}})}
'
)
})
it
(
'
generate bool attr
'
,
()
=>
{
assertCodegen
(
...
...
packages/uni-template-compiler/lib/script/traverse/data/event.js
浏览文件 @
abdfe863
...
...
@@ -206,6 +206,22 @@ function isValuePath (path) {
return
path
.
key
!==
'
key
'
&&
path
.
key
!==
'
id
'
&&
(
path
.
key
!==
'
property
'
||
path
.
parent
.
computed
)
&&
!
(
path
.
key
===
'
value
'
&&
path
.
parentPath
.
parentPath
.
isObjectPattern
())
&&
!
(
path
.
key
===
'
left
'
&&
path
.
parentPath
.
parentPath
.
parentPath
.
isObjectPattern
())
}
/**
* 判断 v-for 中是否包含复杂表达式:数组、对象、方法
*/
const
isSafeScoped
=
(
state
)
=>
{
const
scopedArray
=
state
.
scoped
for
(
let
index
=
0
;
index
<
scopedArray
.
length
;
index
++
)
{
const
scoped
=
scopedArray
[
index
]
const
arrayExtra
=
scoped
.
forExtra
[
0
].
elements
[
0
].
value
// 简易判断
if
(
typeof
arrayExtra
===
'
string
'
&&
(
arrayExtra
.
startsWith
(
'
[
'
)
||
arrayExtra
.
startsWith
(
'
{
'
)
||
/
\(
.*
\)
/
.
test
(
arrayExtra
)))
{
return
false
}
}
return
true
}
function
parseEvent
(
keyPath
,
valuePath
,
state
,
isComponent
,
isNativeOn
=
false
,
tagName
,
ret
)
{
const
key
=
keyPath
.
node
let
type
=
key
.
value
||
key
.
name
||
''
...
...
@@ -304,18 +320,9 @@ function parseEvent (keyPath, valuePath, state, isComponent, isNativeOn = false,
}
}
// 判断是否是复杂表达式 数组 或 对象
const
isNotDynamicExpression
=
(
state
)
=>
{
if
(
!
(
state
.
scoped
[
0
]))
{
return
true
}
const
value
=
state
.
scoped
[
0
].
forExtra
[
0
].
elements
[
0
].
value
return
!
(
typeof
value
===
'
string
'
&&
(
value
.
startsWith
(
'
[
'
)
||
value
.
startsWith
(
'
}
'
)))
}
// 如果v-for遍历的值为 数组、对象 则进入复杂表达式
if
(
isNotDynamicExpression
(
state
))
{
anonymous
&&
funcPath
.
traverse
({
// 如果 v-for 遍历的值为 数组、对象、方法 则进入底部匿名表达式处理
if
(
anonymous
&&
isSafeScoped
(
state
))
{
funcPath
.
traverse
({
noScope
:
true
,
MemberExpression
(
path
)
{
if
(
path
.
node
.
object
.
name
===
'
$event
'
&&
path
.
node
.
property
.
name
===
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录