如何在vue项目中动态改变href
问题: 由于将所有api都放在一个js中,对于下载或者有外链时需要使用a标签,那么就需要引用js文件,但是发现a标签不能直接引用外部js的参数;
解决办法: 使用计算属性computed来获取;
<a :href= 'downloadExcelUrl' download="">下载模板</a>
//引入的外部js
const Api = require('../../assets/js/http/api');
//计算属性
computed: {
downloadExcelUrl(){
return Api.linkUrl.baseUrl+Api.linkUrl.downloadExcel;
//Api.linkUrl.baseUrl+Api.linkUrl.downloadExcel = http://base地址/下载的地址
}
},
此处注意2点:
1、下载时,一定要写上download属性,否则360浏览器会跳转到别的页面;
2、href前面加 : 或者 v-bind: ,然后使用计算属性绑定href的值;