怎么在vue.js插图片


本文摘自PHP中文网,作者藏色散人,侵删。

vue.js插图片的方法:首先给图片地址绑定变量;然后在script中设置变量;最后通过require方法将图片引入为模块或者将imgUrl放在数据里即可。

本教程操作环境:windows7系统、vue2.0版本、thinkpad t480电脑。

推荐:《vue教程》

vue插入图片

6ca5e2207e8bebeef721d6d3aee9516.png

首先给图片地址绑定变量

1

2

3

<template>

    <img :src="imgUrl">

</template>

在script中设置变量

阅读剩余部分

相关阅读 >>

html字符串转换为html标签并使用

vue如何动态绑定class?方法介绍

如何在vue中使用umy-ui

vue 和 react 的优点有哪些

vue.js组件化是什么意思

vue如何引入bootstrap

如何解决vue $refs报错问题

vue中路由之间如何通讯?方法介绍

vue style中使用data中的变量的方法详解

使用vue脚手架怎么搭建项目

更多相关阅读请进入《vue》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...