vue学习

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一、Vue.js介绍 Vue.js也称为Vue,读音类似view,错误读音v-u-e,由华人尤雨溪开源并维护。 V...
    间阳幕宾阅读 3,638评论 1 6
  • Vue学习笔记 Vue初始化对象 data和methods里面的属性都是Vue这个实例对象的代理属性,例:vm.m...
    土豪码农阅读 4,549评论 1 1
  • 构造器 每一个Vue.js的应用都是通过够构造函数Vue创建的一个Vue的根实例。例如: 上述代码中在实例化vue...
    61ae56c48fc6阅读 10,759评论 2 4
  • 本文为转载,原文:Vue学习笔记入门篇——安装及常用指令介绍 介绍 Vue.js是当下很火的一个JavaScrip...
    ChainZhang阅读 2,990评论 0 1
  • 又下一场雨,又冷了一点 16号了,十月过去一半了,还有两个月,时间有点紧,还有好多知识点没弄明白,任务重啊 路要一...
    p1ease阅读 1,189评论 0 0

友情链接更多精彩内容