vue中v-bind绑定属性常遇问题

本文介绍常遇在vue中会有v-bind与属性相关的,如 的src路径,和class属性以及style。

1.img中src

我们知道img标签的src可以跨域请求,可以访问网络中的图片,比如带有http或https地址的图。假设按原理我们有如下代码:

按理来说可以把logo当作模型变量放入src中的,可是请求却出问题。它会把图片当作发送网络请求
报错.png

误把src中的当作网络请求.png

src把插值表达式的{{}}解析到地址栏了,当然找不到图片啦!等价于


    
    
 
    
    
//不会出样式 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid, aspernatur, consequatur culpa debitis dolorem eaque esse harum, minus molestiae molestias natus pariatur possimus quod reprehenderit sed sit vitae voluptatibus voluptatum.
//正确写法 Lorem ipsum dolor sit amet, consectetur.

同时也可以简写为


 
    
    
Lorem ipsum dolor sit amet, consectetur. Lorem ipsum dolor sit amet, consectetur adipisicing.

你可能感兴趣的:(vue中v-bind绑定属性常遇问题)