vue学习

作者: 卡农me | 来源:发表于2017-08-09 15:42 被阅读6次

    1.event.target: 触发事件的具体控件,不产生冒泡作用,是谁就是谁,这个在锁定事件触发的控件时经常用到,比如:

    <div @click.stop = "addItem($event)">
         <span data-type = "radio">单选题</span>
         <span data-type = "checkbox">多选题</span>
         <span data-type =  "textarea">文本题</span>
    </div>
     
    <script>
          export default{
                method: {
                        addItem(event){
                             let target = event.target
                             if(target.nodeName.toLowerCase() === 'span') {  // 当点击了选择的按钮后
                                    this.showMask = true    // 显示弹出框
                                    this.questItem.type = target.dataset.type   // 设置问题的类型
                             }
                }
         }
    </script>
    

    2.在methods中经常使用到“this”关键字,该关键字指向Vue组件实例。
    3.组件导出和导入参考1参考2

    相关文章

      网友评论

          本文标题:vue学习

          本文链接:https://www.haomeiwen.com/subject/ivhqrxtx.html