大佬教程收集整理的这篇文章主要介绍了如何将超链接添加到对象属性值?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
请给我建议一种方法来为 vue.Js 中的 objects 属性的值添加超链接。 IE。我希望 desc 属性中的 London 一词具有超链接。由于我是 vue 新手,因此无法找到解决方案。
我的模板:
<template>
<b-col md="3" v-for="(user,i) in learders" :key="i">
<div class="content">
<div class="title">
<h3>{{ user.name }}</h3>
<h5>{{ user.designation }}</h5>
</div>
<div class="seperator"></div>
<p>{{ user.desc }}</p>
</div>
</b-col>
</template>
Vue 脚本:
export default {
data() {
return {
learders: [
{
name: 'Abrahm',designation: 'Co-Founder & CEO',image: 'abb.jpg',desc: 'Abrahmgraduated from London.'
}
]
}
}
你可以用简单的方式使用 v-html:
<p v-html="user.desc"></p>
learders: [
{
name: 'Abrahm',designation: 'Co-Founder & CEO',image: 'abb.jpg',desc: 'Abrahmgraduated from <a href="/">London.</a>'
}
]
以上是大佬教程为你收集整理的如何将超链接添加到对象属性值?全部内容,希望文章能够帮你解决如何将超链接添加到对象属性值?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。