使用vue实现通过变量动态拼接url_vue拼接url资源-CSDN下载

109 浏览量 2020-10-15 02:09:44 上传评论收藏 34KB PDF 举报

资源详情

资源评论

资源推荐

使用使用vue实现通过变量动态拼接实现通过变量动态拼接url

主要介绍了使用vue实现通过变量动态拼接url，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来

看看吧

如何通过变量动态拼接如何通过变量动态拼接url？？

格式：<a :href="'index.shtml?other='+object.name" rel="external nofollow" rel="external nofollow" >这是一个动态链接</a>

需要注意的是href前要加上冒号，href最外层是双引号，中间是单引号。

<div class="tab-content" id="datatable">

<div v-for="(object,index) in items">

<!-格式如下，href前要加上冒号--->

<a :href="'index.shtml?other='+object.name" rel="external nofollow" rel="external nofollow" >这是一个动态链接</a>

</div>

</div>

<script>

$(document).ready(function() {

App.init();

//数据列表

var datatable = new Vue({

el: '#datatable',

data: {

items: [],

},

});

//从服务端获取数据

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>

动态拼接结果为：

href=“index.shtml?other=yyy”

补充知识：补充知识：vue全局变量全局变量apiurl

1、定义、定义

在main.js里面定义

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

2、使用、使用

在联调的时候

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

以上这篇使用vue实现通过变量动态拼接url就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持

我们。

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

评论0

内容反馈

weixin_38725734

粉丝: 5

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip