vue指令(directive)一般用于直接对DOM元素进行操作。 vue中已经提供的指令有很多:v-text, v-html, v-bind, v-on, v-model, v-if, v-show 等等 1. 指令的定义形式 // 注册一个全局自定义指令 `v-focus` Vue.direct ...
分类:
其他好文 时间:
2020-05-14 01:23:26
阅读次数:
75
前言 先定位父元素,通过父元素定位子元素 .children() 通过父元素,定位子元素 .closest() 要获取最近的祖先DOM元素,请使用.closest()命令。 .eq() 要在特定索引处获取DOM元素,请使用.eq()命令 .filter() 要获取与特定选择器匹配的DOM元素,请使用 ...
分类:
其他好文 时间:
2020-05-12 20:51:51
阅读次数:
156
前言 ui自动化操作页面上的元素,常用的方法就那么几个,输入文本,点击元素,清空文本,点击按钮。 还有一些特殊的checkbox,radio,滚动条等。 .type() 往输入框输入文本元素 .focus() 要聚焦DOM元素,请使用.focus()命令 .blur() 判断输入框是必填项 .cle ...
分类:
其他好文 时间:
2020-05-11 18:58:43
阅读次数:
78
DEMO在线浏览: 改写过程是需留意之处: 1,点击按钮后,需注销掉所有可能存在的冒泡至document上的各类事件(click, mousedown,mouseup)以及 2 个按钮上的mousedown和mouseup事件 2,因为需要直接操作dom元素,所以给元素设置了ref,或许应该使用指令 ...
分类:
移动开发 时间:
2020-05-09 20:36:10
阅读次数:
93
如何实现以下的导航栏下拉菜单的效果 实现思路 (1) 用html与css渲染出下拉菜单(html 主要使用ul,li标签来实现) (2)用点击事件去绑定所需要的dom元素,实现点击就可以下拉菜单 (3)在考虑点击下一个dom元素,使前一个下拉菜单消失 实现方法 1.用javaScript与jQuer ...
分类:
编程语言 时间:
2020-05-02 21:09:24
阅读次数:
89
CRM WebClient UI WebClient UI渲染出来的DOM元素的这些C#_W#格式的id是在哪行ABAP代码被生成出来的? 参考我的博客WebClient UI element ID generation logic Hybris 既然是JSP,和同样基于服务器端渲染的BSP的套路一 ...
分类:
Web程序 时间:
2020-05-01 14:55:33
阅读次数:
60
方法一: HTML <div id="app"> <button @click="getData($event,'100')">点我</button> </div> JS methods : { getData(e,num) { console.log(num); // 输出 100 } } 方法二 ...
分类:
其他好文 时间:
2020-04-29 12:31:50
阅读次数:
127
跨层级的获取组件实例 如果是普通的元素,ref="p"获取的是真实的dom元素,如果是自定义组件,那么获取到的就是这个组件的实例了。 this.$ref.XXXX可以获取当前组件上下文的实例。如果说要获取跨层级的组件的实例?那就很不方便了。 如果要获取父组件的,可以通过parent.refs. 获取 ...
分类:
其他好文 时间:
2020-04-28 20:28:50
阅读次数:
208
Vue基础 el挂载点 1. Vue实例作用范围(el命中的元素及其后代元素内部都可以使用) 2. 多种选择器(与css选择器相同) 3. 不同dom元素(可以使用其余元素,但是不建议使用body和html) data数据类型 1. Vue中用到的数据存放在data中 2. data中可以写复杂类型 ...
分类:
其他好文 时间:
2020-04-25 00:43:51
阅读次数:
66