php模板渲染vue,vue.js,视图_关于vue模版视图渲染，vue.js,视图 - phpStudy

关于vue模版视图渲染

各位帮忙看一下哈。

第一张图是我写的一个vue模版，

第二张图是列表渲染，里面的item数据会传到第一张图的模版里，

第三张图是我用props、data、computed做的尝试。

需求就是我在payForTable中改变Item.totalAmount的值，第一张图第二个p元素的内容能根据这个值对应改变。

现在问题是，这个值确实变了，通过最后一行打印出来看到的，可是页面渲染表现没有改变。

我尝试把props换成data，换成computed都不变，不知道什么原因，很急人。

求懂的人来解答一下，感谢。

图片描述

payForTable:function(e,i){

var _target = $(e.currentTarget);

var Item = this.msg;

var _tableName = this.msg.tableName;

var _price = this.msg.totalAmount;

if(Item.status==2 && confirm("确定"+_tableName+"号桌，付款"+_price+"元吗？") ){

var _data = {

paymentChannel:0,

tableId:Item.id,

totalAmount:Item.totalAmount || 0,

openId:"123"

}

console.log(JSON.stringify(_data),Item.status);

$.ajax({

type:"post",

url:"http://dev.superchong.com:9999/restaurants/3/orders/"+ Item.orderId +"/payments",

async:true,

dataType:'json',

contentType:"application/json",

data:JSON.stringify(_data),

success:function(callback){

console.log(callback);

Item.totalAmount = 0;

Item.status=0;

_target.removeClass('table_item_ordered');

_target.children('.item_totalAmount').html('');

alert("结单成功！")

},

error:function(err){

console.log(err);

if(JSON.parse(err.response).error=="Cannot pay for a paid or cancelled order!"){

alert("此单已经结过或取消，请勿重复提交")

} else {

alert("结单失败，请重试一次")

}

}

});

} else {

alert("此桌子不是已下单未付款状态，无法付款")

}

},

请输入代码

相关阅读:

如何理解Flask的Blueprint

docker 无法使用ls查看 挂载目录中的内容

Genymotion 如何模拟所谓secondary external storage

拥有一个c++游戏demo经验，对于找c++方面的软件工作的加分是多少？

这种情况下如何更新mysql字段中特定字符？

Scala下载包可以直接解压到AIX下使用吗？

购买服务器品牌机~

html中已经规定了 表格的宽度，可还是显示不全，如下图

div实现编辑器后输入图片时总会弹出软件盘 怎么就禁止了呀

代码的小小疑惑

mongodb中$pull和$elemMatch如何协作？

HTML的登录界面中怎么实现提示用户名已经存在

问道js题目 编写add函数 然后 add(1)(2)(3)(4) 输出10 再考虑拓展性

关于javascript写计算器

什么开发工具最爽？

全局数据储存到Application中，Application在切出软件后被回收，Application中是新建的数据都为空

phpexcel导入数据部分数据有误？

node.js 读取文件后解析json为什么总是报错？

关于"api接口的sign的设计"的一点点疑惑

jquery append 的问题