v-for指令
for 指令
2023-09-14 08:57:25 时间
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <ul> <li v-for="food in foodList"> {{food.name}}:¥{{food.discount ? food.price*food.discount : food.price }} </li> </ul> </div> <script src="../lib/vue.js"></script> <script src="js/main.js"></script> </body> </html>
var app = new Vue({
el:"#app",
data:{
// foodList:["葱","姜","蒜"],
foodList:[
{
name:"葱",
price:10,
discount:.8
},
{
name:"姜",
price:8,
discount:.6
},
{
name:"蒜",
price:6,
}
]
}
})
相关文章
- Flink connecton for gbase8c
- Super PhotoCut Pro for Mac(超级抠图专业版)v2.8.8激活版
- IBM SPSS Statistics 26 for Mac(统计分析与spss的应用)
- ORA-01107: database must be mounted for media recovery ORACLE 报错 故障修复 远程处理
- ORA-25437: duplicate table value for table alias: string ORACLE 报错 故障修复 远程处理
- ORA-26800: Apply not the only subscriber for “string”.”string”. ORACLE 报错 故障修复 远程处理
- ORA-26838: Setting apply parameter “string” is not permitted for XStream Outbound Server ORACLE 报错 故障修复 远程处理
- ORA-38918: RETRY_ON_ROW_CHANGE hint disallowed for this operation ORACLE 报错 故障修复 远程处理
- ORA-14755: Invalid partition specification for FOR VALUES clause. ORACLE 报错 故障修复 远程处理
- ORA-14764: FOR VALUES clause cannot be specified for only one partition ORACLE 报错 故障修复 远程处理
- 目录用For循环创建Linux目录的简单技巧(for循环创建linux)
- 循环使用Oracle数组实现For循环(oracle数组for)
- Oracle:学习如何使用For遍历(oracle for遍历)
- MySQL中使用FOR循环快速编写函数(mysql函数for)
- 使用For语句操作Oracle数据库(for语句 oracle)