html 标签中链接的写法

Posted by CodingWithAlice on August 3, 2019

html 标签中链接的写法

1.a标签中的href写法

在写a标签中 的href的链接的时候,要拼接字符串的话,

:href= "'/activity/Members?activityId=' + Id"

1.href前面要加冒号

2.字符串用单引号‘/activity/Members?activityId=’包裹,href的链接用双引号包裹“”,否则会报错

3.尾部记得别忘记加 .html

2.img中的src的写法

需要对图片image的src地址进行动态绑定的时候,记得要在src前面加:即v-on进行绑定

< img                
:src="imgSrc"                
style="padding-left:20px;vertical-align: middle"               @click="addLikes(item.id,item.likes)"              
/>   

然后imgSrc的值就可以在data中定义,在点击的方法中定义

直接写imgSrc:'./../../../assets/images/喜欢.png' 会一直找不到image的路径 要写成imgSrc:require("@/assets/images/喜欢.png") 将图片作为模块加载进去

或者,将图片放到static目录下,但必须写成绝对路径如images:[{src:”/static/1.png”},{src:”/static/2.png”}]这样图片也会显示出来,当然你也可以通过在webpack.base.config.js定义来缩短路径的书写长度。