Vue.js 无法读取未定义的属性“$notify”

我正在尝试显示来自组件的通知。我的组件代码：

<script>
    export default {
        data () {
            return {

            }
        },

        methods:
        {
            save_data()
            {
                axios.post(base_url + '/api/settings/save', this.form)
                  .then(function (response) {
                   this.$notify({title: 'Saved', message: 'Settings Saved', position: 'bottom-right', type: 'success' });
                  })
                  .catch(function (error) {
                    console.log(error);

                  });
            }
        },

    }
</script>

---

但我得到错误：无法读取未定义的属性“$notify”。我做错了什么？

您引用了错误的对象。在axios回调中使用此选项将引用axios post。试试这个：

save_data() {
   let self = this;
   axios.post(base_url + '/api/settings/save', this.form)
      .then(function (response) {
         self.$notify({title: 'Saved', message: 'Settings Saved', position: 
         'bottom-right', type: 'success' });
      })
      .catch(function (error) {
         console.log(error);
      });
}