Question

我想用从axios http请求接收的数据填充数据。这是问题的简化版本。

我希望在应用加载时填充“ hello”道具。当用户单击按钮时，“ hello”道具应更新。点击和更新部分按预期工作，但是如何获取数据以最初填充“ hello”道具？我也尝试过使用计算属性，但是在初始加载时也不会填充“ hello”属性。谢谢！

<div id="app">
  <h1>{{ hello }}</h1>
  <button @click="updateText()">Update text!</button>
</div>

var app = new Vue({
  el:'#app',
  created() { 
    updateText() // Calling this here does not work
  },
  data: {
    hello: ''
  },
  methods: {
    updateText: function() {
      this.hello = 'hello'
    }
  }
});

Answer 1

在this.中，方法名之前没有created，因此它没有调用方法：

var app = new Vue({
  el: '#app',
  data: function() {
    return {
      hello: ''
    }
  },
  created () { 
    this.updateText()
  },
  methods: {
    updateText: function() {
      this.hello = 'hello'
    }
  }
})

在Vue中，如何从加载的方法中设置数据属性？

1 个答案: