vue 动态绑定href a href动态改变 vue href改变 vue 修改href

如何在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的值；