vue post 不传值,传参为空的一个原因

2021-02-01  乐帮网

javascript vuejs

使用vue做的一个查询页面,在页面打开时想让它传一些默认的参数到后台进行查询,例如传最近七天的日期格式。发现在打开页面的时候并未按预想的传值过去。经过数次尝试,终于发现了问题所在。

原来对vue的生命周期使用有误,原始的写法如下:

data:{
      label: "",
      value1: "",
      account: 0,
      checkDate: {
        time_arr: [],
        begintime: "",
        endtime: ""
    }
  },
  watch: {
  },
  created: function() {
    this.search();
  },
  methods: {
   search:function(){

  }
 },
  mounted() {
    this.getData();
  }

search方法负责请求数据,之前是写在了created里,这个显然是不行的,created代表了vue的实体被创建好,此时并没有和界面绑定好,当然取不到值了。解决办法是把这个search放到mounted里,这就代表等界面上值绑定好再触发。

链接

公众号二维码

关注我的微信公众号
在公众号里留言交流
投稿邮箱:1052839972@qq.com

庭院深深深几许?杨柳堆烟,帘幕无重数。
玉勒雕鞍游冶处,楼高不见章台路。
雨横风狂三月暮。门掩黄昏,无计留春住。
泪眼问花花不语,乱红飞过秋千去。

欧阳修

付款二维码

如果感觉对您有帮助
欢迎向作者提供捐赠
这将是创作的最大动力