关于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 的问题