问答

vue后端获取json正确,console出来的数据也是正确的,页面渲染不正

作者:admin 2021-05-06 我要评论

模态框绑定了v-model,user数据未更新 `var vue = new Vue({ el: '#userList', //作用的div data: { //数据绑定 model user: {} }, mounted: function() { showpa...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

模态框绑定了v-model,user数据未更新
image.png
image.png

`var vue = new Vue({

            el: '#userList', //作用的div
            data: { //数据绑定  model
                user: {}
            },
            mounted: function() {
                showpage(this, 1);
            },
            methods: {
                edit: function(uid) {
                    console.log(uid)
                    $.ajax({
                        type: 'GET',
                        url: "http://localhost:8080/Inhouse/admin/selectUserOne?uid=" + uid,
                        dataType: "json",
                        success: function(rtn) {
                            this.user = rtn.user;
                        },
                        error: function() {
                            alert("发送失败");
                        }

                    });
                },`
###
this.user = rtn.user;

中的this有问题。
这里的this指的是ajax作用域内的上下文window对象,而不是vue对象。

解决办法是在

console.log(uid)

后设定var _this = this
然后在$.ajax中使用_this

_this.user = rtn.user;
###

this作用域

###

this啊,改成箭头函数

###
edit: function(uid) {
    const _this = this
    console.log(uid)
    $.ajax({
        type: 'GET',
        url: "http://localhost:8080/Inhouse/admin/selectUserOne?uid=" + uid,
        dataType: "json",
        success: function(rtn) {
            _this.user = rtn.user;
        },
        error: function() {
            alert("发送失败");
        }

    });
},

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • vue后端获取json正确,console出来的数

    vue后端获取json正确,console出来的数

  • iOS 14 的画中画能否自定义?

    iOS 14 的画中画能否自定义?

  • 使用FlinkSQL查询MySQL写入Greenplum,

    使用FlinkSQL查询MySQL写入Greenplum,

  • .env.development配置的问题

    .env.development配置的问题

腾讯云代理商
海外云服务器