v-for遍历数字-慕课网

3回答

Dell 回答被采纳获得+3积分 2024-01-31 23:11:45

完整代码截个图我看一眼

0 回复有任何疑惑可以回复我~

提问者 weixin_慕后端2147421 #1

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
    <div v-for="n in 9">
        <span v-for="m in n">
            {{m}}*{{n}} = {{m*n}}
        </span>
    </div>
</div>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/vue/3.0.5/vue.global.js"/>
<script type="text/javascript">
const app = Vue.createApp({

}).mount("#app");
</script>
</body>
</html>
这个是一个html，谢谢老师

回复有任何疑惑可以回复我~ 2024-02-01 11:50:26

Dell 回复提问者 weixin_慕后端2147421 #2

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
    
</div>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/vue/3.0.5/vue.global.js"/>
<script type="text/javascript">
const app = Vue.createApp({
 template: '<div v-for="n in 9">
        <span v-for="m in n">
            {{m}}*{{n}} = {{m*n}}
        </span>
    </div>'
}).mount("#app");
</script>
</body>
</html>

回复有任何疑惑可以回复我~ 2024-02-04 13:42:11

Dell 2024-02-04 13:44:06

新版本的 vue，可能并不会把内部的dom 自动的解析成模版，造成的这个问题，改一下语法就可以了，用template

0 回复有任何疑惑可以回复我~

收起回答

提问者 weixin_慕后端2147421 #1

老师，在群里有同学说是换cdn，就可以了，我试了下，换了确实就行了

回复有任何疑惑可以回复我~ 2024-02-04 14:58:42

GGBond_ 2024-01-31 21:09:29

.mount("#app")你这个挂载的不是要渲染的组件

0 回复有任何疑惑可以回复我~

收起回答

提问者 weixin_慕后端2147421 #1

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
    <div v-for="n in 9">
        <span v-for="m in n">
            {{m}}*{{n}} = {{m*n}}
        </span>
    </div>
</div>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/vue/3.0.5/vue.global.js"/>
<script type="text/javascript">
const app = Vue.createApp({

}).mount("#app");
</script>
</body>
</html>这个是我的代码，您能发现什么问题吗。

回复有任何疑惑可以回复我~ 2024-02-04 08:50:35

v-for遍历数字

正在回答

3回答

相似问题

请选择置顶位置

本课精华内容

https://www.fastmock.site/#/project/6581 依旧提示失败或项目不存在

获取本地存储信息报错

老师，如果提取use方法如何传递$event

老师，后台接口访问不了了

上线手在用电脑打开无法显示图片

【学习任务】还原设计稿个人信息页面，并实现登出功能

【学习任务】结合增删改查逻辑，实现地址功能编辑页面

【学习任务】结合本地购物车数据，完成多店铺购物车页面开发

【讨论题】说说你在进行移动端开发时，遇到问题及解决方案

【讨论题】Composition API使用时会注意哪些方面

热搜

最近搜索清空

v-for遍历数字

正在回答

3回答

相似问题

请选择置顶位置

本课精华内容

https://www.fastmock.site/#/project/6581 依旧提示失败或项目不存在

获取本地存储信息报错

老师，如果提取use方法如何传递$event

老师，后台接口访问不了了

上线手在用电脑打开无法显示图片

【学习任务】还原设计稿个人信息页面，并实现登出功能

【学习任务】结合增删改查逻辑，实现地址功能编辑页面

【学习任务】结合本地购物车数据，完成多店铺购物车页面开发

【讨论题】说说你在进行移动端开发时，遇到问题及解决方案

【讨论题】Composition API使用时会注意哪些方面