老师我这个按钮不显示啊,能帮我看看嘛,谢了

来源:2-6 数据,方法,计算属性和侦听器(1)

球球不一般

2022-05-01 11:14:51


<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <script src="https:unpkg.com/vue@next"></script>

</head>

<body>

    <div id="root"></div>

</body>

<script>

   

   const app= Vue.createApp({

        data(){

            return{

                message:"hello world",

                show:false,

            }

        },

        methods:{

            handleClick(){

                alert('click')

            }

        },

        template:

        `

        <form action="https://www.baidu.com" @click.prevent=handleClick>

        <button type="submit">提交</button></form>`

    });

    const vm=app.mount('#root')

</script>

</html>


写回答

1回答

好帮手慕小李

2022-05-03

同学你好,老师使用同学提供的代码进行测试按钮是显示的,同学看看是不是开错页面了。

https://img.mukewang.com/climg/6270aa95091a0bd625550681.jpg

祝学习愉快!

0

前端工程师

前端入门如同写字,如果你不知道从哪开始,那就选择前端(含Vue3.x,React17,TS)

20327 学习 · 17877 问题

查看课程