baicaijieshao
baicaijieshao
采纳率40%
2017-08-24 07:15 浏览 4.6k

使用Vue.js在火狐浏览器下无法获取到event对象

1、使用js

 <label for="checkbox">event事件</label>
        <input type="checkbox" id='checkbox' value="event事件" onclick="a(event)"/>
        <script type="text/javascript">
            function a(event){
                console.log( '复选框状态:' +event.target.checked)
            }
        </script>

图片说明

二、使用Vue,在火狐浏览器下无法获取event对象

        <div class="app">
            <label for="checkbox1" >Vue复选框</label>
            <input type="checkbox" id="checkbox1" v-model='checked' @click='checkbox(event)'/>
        </div>
        <script type="text/javascript">
            var vm = new Vue({
                el:'.app',
                data:{
                    checked : true 
                },
                methods:{
                    checkbox:function (event){
                        console.log('复选框状态:' +event.target.checked)
                    }
                }
            })
        </script>

图片说明

使用arguments.callee.caller.arguments[0]还是依旧提示event未定义,有哪位大神知道这是什么原因?

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

5条回答 默认 最新

  • 已采纳
    u010008571 积极向上的空空 2017-08-24 07:38

    图片说明
    改成$event试试

    点赞 2 评论 复制链接分享
  • playboyanta123 show_code 2017-08-24 08:24

    ‘单选框
    switchCheckbox:function(e){
    console.log(e);
    }‘
    上面的代码就可以取到

    点赞 评论 复制链接分享
  • playboyanta123 show_code 2017-08-24 08:24

    单选框

    点赞 评论 复制链接分享
  • playboyanta123 show_code 2017-08-24 08:25
     <input type="checkbox" id="checkbox1" v-model='checked' @click='switchCheckbox'/>单选框
    
    点赞 评论 复制链接分享
  • baicaijieshao baicaijieshao 2017-08-24 09:24

    因为是来做购物车列表的,所以得必须要用复选框,单选框无法取消

    点赞 评论 复制链接分享

相关推荐