vue学习

2017-08-09  本文已影响6人  卡农me

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

上一篇下一篇

猜你喜欢

热点阅读