vue项目中html标签上 字符串中解析变量

要解决的问题：最近在对接上传文件这块的接口，发现如果环境不一样或者ip改变了 这个请求地址就需要一直手动修改，一两个还好，多了真的是让人很烦。
解决方案：在全局定义地址源 引入需要使用地址的页面 把地址赋给需要使用页面一个变量
实现思路：只需把要拼接前的属性设置为动态，就可以把变量拼接上去

动态修改前 地址固定写死，修改麻烦

  <div class="centerx">
            <vs-upload automatic action="http://192.168.22.7:30292/user/uploadfile" fileName="data_file" @on-success="successUpload" />
 </div>

动态修改后 地址可随意更换

  <div class="centerx">
            <vs-upload automatic :action="pengurl+'/user/uploadfile'" fileName="data_file" @on-success="successUpload" />
  </div>

JS代码

  import {pengurl}from '../../src/request/api'        //从全局引入地址源
  export default {
   data() {
      return {
        pengurl: '',       
              }
},
    mounted() {
      getinfo()
              },
methods:{
	getinfo(){
        this.pengurl = pengurl     //全局定义赋给本页的变量
        }
}
}

这样即使地址在怎么修改，只需要修改一个地址源就可以解决。
今天的分享到此结束，欢迎大家评论交流。