vue v-for打印九九乘法表
Vue for 打印 九九乘法
2023-09-14 09:01:59 时间
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
table,td,th{
border: 1px solid #111;
border-collapse: collapse;
}
</style>
</head>
<body>
<div id="app">
<table>
<tr v-for="i in number" :key="i">
<td v-for="j in i" :key="j">{{i}}X{{j}}={{i*j}}</td>
</tr>
</table>
</div>
<script src = "js/vue.js"></script>
<script>
var vue = new Vue({
el: "#app",
data: {
number:[1,2,3,4,5,6,7,8,9]
}
})
</script>
</body>
</html>
相关文章
- Vue快速入门
- Vue基础知识和实例展示
- 【黄啊码】vue-pdf预览时无法显示印章和中文字体或者乱码(简单粗暴)
- vue中 关于$emit的用法
- Vue上传文件操作(没有CV,认真看)
- vue动态组件component原理_component注解
- 前端使用Vue框架解决跨域问题「建议收藏」
- Vue生成二维码_vue通过二维码分享
- vue3 报错解决:找不到模块‘xxx.vue’或其相应的类型声明。(Vue 3 can not find module)
- Vue.js 学习笔记 - 组件(Components)
- Vue项目:菜农管理 【maven + spring boot + RESTFul + SSM+vue + axios】
- 前端二面vue面试题总结_2023-03-01
- vue中v-cloak解决刷新或者加载出现闪烁显示变量问题
- 基于SpringBoot和Vue开发的功能强大的图书馆系统(附源码)
- 【Vue】1524- 分享 22 道常被问及的 JavaScript 面试题
- 为在线客服系统接入chatGPT(五):chatGPT接口演示网址,vue源码开发对接chatGPT,免登录无广告
- Vue提示框组件vue-notification使用实例演示
- ORA-14755: Invalid partition specification for FOR VALUES clause. ORACLE 报错 故障修复 远程处理
- Spring boot+vue前后端开发学习笔记2详解编程语言
- MySQL使用For循环实现数据操作(mysql写for循环)
- 使用Vue框架使用MSSQL数据库实现快速开发(vue mssql)
- 使用Vue技术从MSSQL中获取数据(vue获取mssql数据)
- Vue技术实现访问远程Redis的精彩之旅(vue访问远端redis)
- 基于Vue的Redis网页设计(vue设计redis页面)
- Vue应用中部署Redis(vue中使用redis)
- Oracle Vue考场助力企业数据库技术突破(oracle vue考场)