H5W3
当前位置:H5W3 > 问答 > 正文

如何在vue多重列表渲染里使用codePoinAt()

new Vue({
el:"#view",
data:{
dj:['基阿萨大大','留个脚印','空间和萨']
}
})
<p id="view" v-for="i in dj">
<a :href="https://segmentfault.com/q/1010000030690902/['http://xxx/dict/' + i.codePointAt(c).toString(16)]" v-for="c in i">{{c}}</a>
</p>

需要在 <a> href里对每个字转成16进制值,但如上只能得到每行的第一个字的值,要如何才能实现第个字对应16进制的值呐?

例如:

<p>
<a href="http://xxx/dict/57fa">基</a>
<a href="http://xxx/dict/963f">阿</a>
</p>

回答

你的字符不是c吗?i不是整个字符串吗?

<a :href="https://segmentfault.com/q/1010000030690902/setHref(i,c)" v-for="c in i">{{c}}</a>

methods: {
    setHref(i,c) {
        return `http://xxx/dict/${i.codePointAt(c).toString(16)}`
    }
}

本文地址:H5W3 » 如何在vue多重列表渲染里使用codePoinAt()

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址