解決vue里a標簽值解析變量,跳轉(zhuǎn)頁面,前面加默認域名端口的問題
如下所示:
let name = 'www.baidu.com/'
<a :href="name" rel="external nofollow" >
點擊跳轉(zhuǎn)到:
localhost:8080/www.baidu.com/
解決:
寫成<a :href="'https//:'+name" rel="external nofollow" >
補充知識:問題:vue.js a標簽href里有變量,函數(shù)拼接問題
正確格式:
<a :href ="'http://search.jd.com/Search?enc=utf-8&keyword='+keyWord+'&page='+Math.ceil(record.skuRank/60)+'.html'">跳轉(zhuǎn)</a>
注意點:
1.href前面要加“:”
2.字符串要用單引號“ ' ”包住
3.句尾要加“.html”
以上這篇解決vue里a標簽值解析變量,跳轉(zhuǎn)頁面,前面加默認域名端口的問題就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
Vue綁定class和綁定內(nèi)聯(lián)樣式的實現(xiàn)方法
本文主要介紹了Vue綁定class和綁定內(nèi)聯(lián)樣式的實現(xiàn)方法,文中通過示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-11-11vue調(diào)試工具vue-devtools安裝及使用方法
本文主要介紹 vue的調(diào)試工具 vue-devtools 的安裝和使用,本文給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友參考下吧2018-11-11使用Vue3和Plotly.js打造一個3D圖在線展示的實現(xiàn)步驟
三維網(wǎng)格圖廣泛應用于科學可視化、醫(yī)學成像、工程設計等領域,用于展示復雜的數(shù)據(jù)結(jié)構(gòu)和空間分布,本文給大家介紹了使用Vue3和Plotly.js打造一個3D圖在線展示的實現(xiàn)步驟,文中有詳細的代碼示例供大家參考,需要的朋友可以參考下2024-07-07