为了账号安全,请及时绑定邮箱和手机立即绑定

写的脚本没有触发click事件,麻烦老师和各位同学帮忙分析一下

<!DOCTYPE html>

<html lang="en">

    <head>

        <meta charset="UTF-8">

        <title>VUE绑定事件处理</title>

        <script src="vue.js"></script> 

        

    </head>

    <body>

        <!--vue实例的挂载点(el属性来实现挂载) {{}}插值表达式-->

        <div id="root">  

            <!--<div @click="handleClick">{{msg}}</div>-->

            <div v-on:click="handleClick">{{texts}}</div>

        </div>


        <script>

            //vue实例

            new Vue({

                el: "#root",

                //模板,挂载点内的内容

                template: "<h1>{{texts}}</h1>",

                data: {

                    texts: "hello world"

                },

                methods: {

                    handleClick: function() {

                        this.texts = "vue单击事件绑定响应更新数据"

                    }


                }

            })

        </script>


    </body>

</html>


正在回答

3 回答

去掉  template: "<h1>{{texts}}</h1>"

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

是的去掉template: "<h1>{{texts}}</h1>"就好了,把这块给忘掉去掉了,谢谢

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

或者 template: "<h1 @click='handleClick'>{{texts}}</h1>",把<div v-on:click="handleClick">{{texts}}</div>中的v-on:click="handleClick"去掉

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

举报

0/150
提交
取消

写的脚本没有触发click事件,麻烦老师和各位同学帮忙分析一下

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信