如何在html属性中写入Vue数据?

感谢Derek(见上面的评论),正确答案是:

:src="'<?= get_stylesheet_directory_uri(); ?>/images/' + form.screw.drive_image"

• :src 是 v-bind:src
• <?= <?php echo [...]
• 在这种情况下,Vue的数据不需要大括号
• Vue的props中的计算是javascript,因此在:src中我们使用 + 连接

v-bind shorthand ,从文档中:

将一个或多个属性或组件属性动态绑定到表达式。

<img :src="'some_string' + some_data">

最终产品:

<img :src="'<?=get_stylesheet_directory_uri(); ?>/images/' + form.screw.drive_image">

你应该用

<img v-bind:src="form.screw.drive_image" />

并更改 form.screw.drive_图像 获取样式表目录uri()