在 yii2 中使用 html::img() 时，若需动态添加数据库中的 alt 属性并保留原有自定义 data 属性，必须用 array_merge() 合并数组，否则嵌套数组会导致键名被错误解析为数字索引（如 0-data-z-index），引发 html 属性渲染异常。
在 yii2 中使用 html::img() 时，若需动态添加数据库中的 alt 属性并保留原有自定义 data 属性，必须用 array_merge() 合并数组，否则嵌套数组会导致键名被错误解析为数字索引（如 0-data-z-index），引发 html 属性渲染异常。
当你尝试将 $data[$i]（关联数组）与 ['alt' => $item->img_alt] 直接以数组形式拼接（如 [$data[$i], 'alt' => ...]），PHP 会将其解释为索引数组嵌套关联数组，即：
[ 0 => ['data-z-index' => 1, 'data-width' => 300], // $data[$i] 'alt' => 'post1' // 字符串键 ]
此时 Yii2 的 Html::img() 内部遍历该选项数组时，会把第 0 项（整个子数组）当作一个键值对处理，自动将键 0 前缀到其内部所有属性上，最终生成 0-data-z-index="1" 这类非法属性——这正是你看到的异常现象。
✅ 正确做法是扁平化合并两个关联数组，确保最终传入 Html::img() 的是一个单一维度的属性数组：
<?php foreach ($posts as $i => $item) { ?>
<div class="item">
<?php if ($item->img) { ?>
<?= Html::img(
$item->img->getUrl(),
array_merge($data[$i], ['alt' => $item->img_alt])
) ?>
<?php } ?>
</div>
<?php } ?>? 补充建议：
立即学习“前端免费学习笔记（深入）”；
- 若
$data[$i]可能越界（如$posts数量 >$data长度），应增加安全判断：$attrs = isset($data[$i]) ? $data[$i] : []; <?= Html::img($item->img->getUrl(), array_merge($attrs, ['alt' => $item->img_alt])) ?>
- 如需设置
class、loading等常用属性，同样通过array_merge()统一注入，保持结构清晰； - 永远避免用
[ $arr, 'key' => 'val' ]方式构造 HTML 属性数组——这是导致索引污染的根本原因。
掌握 array_merge() 的语义（合并键值，同名键后者覆盖）是 Yii2 视图层属性处理的关键实践。
