vue学习 vue指令 模板指令： v-model：绑定data数据实现数据双向绑定 v-html：绑定模板内容，可书写标签 v-text：绑定数据实现单向绑定 可缩写为{{}} 支持逻辑运算 可结合v-once实现一次性插值渲染 区别 * v-text： 操作纯文本，替换对应数据对象的值，数据影响 ...
分类：
其他好文 时间：
2020-12-08 12:19:26
阅读次数：
3
【v-on】1、事件修饰符@click.stop="" 阻止冒泡事件@click.prevent="" 阻止默认事件@click.self="" 只有自己点击时才会触发，不会被冒泡@click.once="" 点击事件将只会触发一次@click.capture="" 该添加事件使用事件捕获模式，外而 ...
分类：
其他好文 时间：
2020-11-17 12:36:09
阅读次数：
8
今天在写js相册代码时注意到 mouseover是对整个组件起效果的，子元素会发生冒泡，比如这样无论我是移入时到li标签还是子元素img都 外边框都会是红色 而mouseenter只对监听的那个标签起效果，子元素没有发生冒泡，像这样我移动到img时边框就没了 mouseout 事件与mouseove ...
分类：
其他好文 时间：
2020-09-17 22:17:34
阅读次数：
30
这里要提的是dom事件分为俩种响应一种是捕获，一种是冒泡，具体百度 . stop：阻止冒泡（通俗讲就是阻止事件向上级DOM元素传递） . prevent：阻止默认事件的发生 ，默认事件指对DOM的操作会引起自动执行的动作，比如点击超链接的时候会进行页面的跳转，使用".prevent"修饰符可以阻止这 ...
分类：
其他好文 时间：
2020-08-17 17:12:00
阅读次数：
63
一、前端阻止冒泡事件 举例：button里面有个span标签，button和span都绑定了点击事件，点击span不会触发button的点击事件 思路：阻止冒泡到上一层 在内部标签span中加入：event.stopPropagation(); 二、将项目打包并安装在当前环境中 将本地python项 ...
分类：
Web程序 时间：
2020-07-13 18:48:18
阅读次数：
119
1.el挂载点 建议使用在无样式的标签中，即div 2.data 支持复杂类型，遵循js语法 3.computed 计算结果进行缓存 4.watch 监听事件 5.Vue指令 v-test : 设置文本 v-html : 设置html内容 v-if ：元素直接就没有，在dom中去除，适用于一次展示 ...
分类：
其他好文 时间：
2020-06-29 09:31:36
阅读次数：
71
onClick={(e) => { e.stopPropagation(); e.nativeEvent.stopImmediatePropagation(); getEditNameDialog(lineInfo);} ...
分类：
其他好文 时间：
2020-06-19 16:00:59
阅读次数：
33
// e.stopPropagation(); // 阻止冒泡 e.cancelBubble = true; // 取消冒泡 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" co ...
分类：
其他好文 时间：
2020-06-06 15:39:02
阅读次数：
100
/*阻止冒泡*/ function preventBubble(event){ var e=arguments.callee.caller.arguments[0]||event; //若省略此句，下面的e改为event，IE运行可以，但是其他浏览器就不兼容 if (e && e.stopPropa ...
分类：
Web程序 时间：
2020-05-30 16:03:45
阅读次数：
71
1.默认触发，先触发里面的，在触发外面的，冒泡，阻止冒泡stop <div v-bind:title="title+'123'">title</div> <p>{{msg}}</p> <div @click="outer"> <button @click.stop="innter">浪起来</but ...
分类：
其他好文 时间：
2020-05-25 12:02:10
阅读次数：
68
