Question

我正在使用Vue，但我无法将结果绑定到textarea：

<textarea class="form-control" id="test" rows="6" v-model="test"></textarea>

  data: {
    test: ''
  }

          axios({
            method: 'post',
            url: 'http://localhost/test,
            responseType: 'json',
            data: {
              data: this.test
            }
          }).then(function (response) {
            this.test= response.data
          }).catch(function (error) {
            console.log(error)
          });

Answer 1

猜测axios请求是在任何生命周期挂钩内部或成功回调中的任何方法... this内部都没有指向vue实例，这就是为什么你不能改变数据属性。

改为使用箭头功能：

axios({
            method: 'post',
            url: 'http://localhost/test,
            responseType: 'json',
            data: {
              data: this.test
            }
          }).then( (response) => {
            this.test= response.data
          }).catch( (error) => {
            console.log(error)
          });

胖箭头函数=>词法绑定this，所以你有this指向vue实例

数据不与textarea绑定

1 个答案: