如何使用 Vue.js mixins 替换字符串值？

Question

我创建了一个名为 urlMixin.js 的 mixins 文件，如下所示，

module.exports = {
data() {
    return {
        url: 'http://localhost:3000'
    };
  }
}

我有一个名为 profile.vue 的组件，我在其中导入了 mixin 文件。 profile.vue 文件看起来像这样，

import axios from 'axios';
import urlMixin from './../../mixins/urlMixin';

export default{
    data() {
        return{
           
        }
    },

    created: function(){
        
    },

    mixins : [ urlMixin ],
    
    methods:{
        getInfo: function(){
            axios.get('this.url/profile')
            .then(response =>{
                
            })
            .catch(e => {
                this.errors.push(e);
            })
        }
    }
}

我希望能够用 urlMixin.js 文件中的 url 值替换 Profile.vue 中的 url 值，就像它在profile.vue 文件。有没有一种方法可以实现这一目标？

Answer 1

如果您使用的是 ES6，则可以使用 Template Literals 将值插入到字符串中：

axios.get(`${this.url}/profile`)

或使用普通 Javascript:

axios.get(this.url + '/profile')

如何使用 Vue.js mixins 替换字符串值？

How to replace a string value using Vue.js mixins?

javascript

mixins

vue.js

vue-component

vuejs2