vue痛点

作者: 秋夜已凉 | 来源:发表于2017-12-13 11:19 被阅读21次

在v-for循环中如果有a标签而这个a标签都href属性中刚好有那么一小段是用到了循环item变量中的一个属性那么应该怎样来拼接这个链接属性呢?

正确的写法如下

1 使用:href 绑定
2 整个href用双引号包起来前面部分的字符串用单引号包起来,后面的item属性单独写

举例子如下:

<li v-for="relatedReading in currentList">
<a :href="'${guahaoServer}/news/'+relatedReading.id" monitor="text_text" :monitor-id="relatedReading.id">

这是代码片段,主要表达的就是循环li标签然后里面有一个a标签,a标签中的href属性的最后部分是从循环变量中获取的,按照上面的写法即可。

另外项目中用到自定义属性的(这里是:monitor 埋点) 可以使用bind后面直接写变量属性的方式,不要再在里面写双大括号了,那个是在表示标签的innerHTML的时候的写法,不是用于标签属性的。

相关文章

  • vue痛点

    在v-for循环中如果有a标签而这个a标签都href属性中刚好有那么一小段是用到了循环item变量中的一个属性那么...

  • 2018-07-30

    ## vue-unicom vue-unicom是一个Vue.js的一个组件。解决了Vue中组件通讯的痛点。利用事...

  • Vue学习系列倡议书

    我想通过社区的力量把《Vue学习系列》做到最优质的Vue系列博客 解决学习痛点 学习前端的同学都知道,前端有一大痛...

  • VUE 集成TypeScript之vue-router重构 (二

    VUE 如何集成TypeScript之初步踩坑 (一) vue-router的痛点 在上一篇分享中,我们已经成功的...

  • React 学习日记

    前言: 我是一个vue重度用户,使用vue开发项目不知不觉都两年了,但是我在使用vue2.x 版本的时候有一些痛点...

  • Vue之vuex的使用详解

    在 vue 开发中,组件通信一直是一大痛点。 当项目是很简单的 SPA 或者多入口项目时,可以靠着 vue 自带的...

  • Vue 3更好用的v-model指令

    前言 这次Vue 3的v-model解决了从前Vue 2的v-model的很多痛点,可以说是一次很舒服的升级,一起...

  • 痛点,解决痛点

    前段时间,天天运动,空调一吹脖子受凉,几乎是疼痛难忍。 正好周六我参加一个拆书+演讲分享会,其中一个是健身行业的朋...

  • 痛点

    痛点,这个话题前两天和一个朋友聊起来的,就是每个人心中的或是未得,或者是已失,或是伤痕经历。 经常有人说,没有什么...

  • 痛点

    昨晚先生11点回来,拉睡醒的我起来,好吧,不是拉,他回来我醒了,就半睡半醒起来跟他聊几句,其实我心中更多的是想继续...

网友评论

      本文标题:vue痛点

      本文链接:https://www.haomeiwen.com/subject/dddaixtx.html