<a style="text-decoration:none" onClick="@{{ event.leftUrl }}" href="javascript:;">
<img src="/images/u41.png" alt=""><br>
<span>@{{ event.leftText }}</span>
</a>
<a style="text-decoration:none" onClick="status_1(this, @{{ event.id }})" href="javascript:;">
<img src="/images/u41.png" alt=""><br>
<span>@{{ event.leftText }}</span>
</a>
上面两个代码其实都是表达一个意思,第一个 @{{ event.leftUrl }},会把下面$value['leftUrl']的数据渲染出来, 如果正确显示,那么上面两个代码是一致的,但是页面加载完毕以后,我用调试工具查看,有一个地方没有渲染成功.
<a style="text-decoration:none" onClick="status_1(this, @{{ event.id }})" href="javascript:;">
<img src="/images/u41.png" alt=""><br>
<span>@{{ event.leftText }}</span>
</a>
<a style="text-decoration:none" onClick="status_1(this, 1)" href="javascript:;">
<img src="/images/u41.png" alt=""><br>
<span>@{{ event.leftText }}</span>
</a>
就是@{{ event.id }}这个位置的代码,没有渲染成 (1 这个是活动标识符), 我可以这么形容,页面渲染虽然成功的把 onClick="@{{ event.leftUrl }}" 渲染成onClick="status_1(this, @{{ event.id }})" 但是,@{{ event.id }}没有渲染成我需要的数字,依旧是v-for循环状态.
$value['leftUrl'] = 'status_1(this, @{{ event.id }})';