html - 如何在列表中生成动态 url?
问题描述
我从后端得到一个列表:
[
{
'name': 'nameA',
'codename': 'codenameA'
},
{
'name': 'nameB',
'codename': 'codenameB'
},
{
'name': 'nameC',
'codename': 'codenameC'
}
我的目标是显示一个 owner.name 列表,其中包含http://myurl/owner/edit/${{ owner.codename }}
使用 VueJS 的 url。
目前我的代码是:
<template>
<div class="container my-3">
<div class="row">
<div class="col-8">
<ul v-for="owner in this.databaseOwners" :key="owner.name" class="list-group">
<li class="list-group-item">
<a href=`"localhost:8080/admin/owner/${{{ owner.codename }}}"` target="_blank" rel="noreferrer noopener">{{ owner.name }}</a>
</li>
</ul>
</div>
</div>
</div>
</template>
但它不起作用,在我的情况下如何使用动态 URL?我对前端真的很陌生,所以如果我的问题看起来真的很微不足道,我很抱歉。
解决方案
这有效:<a :href="'/admin/owner/' + owner.codename">{{ owner.name }}</a>
推荐阅读
- java - 如何在运行时更改线程的 Runnable 目标
- c# - 即使我做的一切正确,显示按钮也不显示任何内容(我认为)
- php - CodeIgniter:未定义的变量从 __construct() 获取
- twitter-bootstrap - Bootstrap 按钮故障排除
- python-3.x - AttributeError: module 'datetime' has no attribute 'today' error while using Selenium GeckoDriver and Firefox through Python
- swift - Flutter Channel 方法字符串不能作为 URL 工作
- c++ - 无法读取 FAT32 隐藏扇区数
- .net - 获取不记名令牌 - Oauth 2
- python - 在 Python 中跳过不需要的日期时绘制时间与日期
- android - 如何使用 TypeScript 在 React Native 中编写正确的 `Keyboard.addListener`?