如何使用vue實現(xiàn)通過變量動態(tài)拼接url

發(fā)布時間：2020-07-23 09:20:07 來源：億速云閱讀：682 作者：小豬欄目：開發(fā)技術(shù)

這篇文章主要講解了如何使用vue實現(xiàn)通過變量動態(tài)拼接url，內(nèi)容清晰明了，對此有興趣的小伙伴可以學(xué)習(xí)一下，相信大家閱讀完之后會有幫助。

如何通過變量動態(tài)拼接url？

格式：<a :href="'index.shtml other='+object.name" rel="external nofollow" rel="external nofollow" >這是一個動態(tài)鏈接</a>

需要注意的是href前要加上冒號，href最外層是雙引號，中間是單引號。

<div class="tab-content" id="datatable">
	<div v-for="(object,index) in items">
		<!-格式如下，href前要加上冒號---> 
	  <a :href="'index.shtml&#63;other='+object.name" rel="external nofollow" rel="external nofollow" >這是一個動態(tài)鏈接</a>
	</div>
</div>
<script>
  $(document).ready(function() {
    App.init();
    //數(shù)據(jù)列表
    var datatable = new Vue({
      el: '#datatable',
      data: {
        items: [],
      },
    });
    //從服務(wù)端獲取數(shù)據(jù)
    getList();
    function getList() {
      $.ajax({
        url : "/sapi/getcluster",
        type : "post",
        dataType : "json",
        success : function(result){
          if(result.status == -1){
            window.location.href = result.data;
            return false;
          }
          datatable.items = result.data["XXX"];
        }
      });
    }
  });
</script>

動態(tài)拼接結(jié)果為：

href=“index.shtml other=yyy”

補充知識：vue全局變量apiurl

1、定義

在main.js里面定義

Vue.prototype.$apiUrl = " http://xxxxxxxxxx";

2、使用

在聯(lián)調(diào)的時候

url: this.$apiUrl + "/xxxx（端口）"

看完上述內(nèi)容，是不是對如何使用vue實現(xiàn)通過變量動態(tài)拼接url有進一步的了解，如果還想學(xué)習(xí)更多內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

如何使用vue實現(xiàn)通過變量動態(tài)拼接url

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽