使用this.$refs.XXX修改某个元素样式并添加点击事件

<el-form :model="form" label-position="left" :rules="dataFormRules" ref="form"><el-row :gutter="36"><el-col :span="12"><el-form-item label="名称" prop="name"><el-input v-model="form.name" autocomplete="off"></el-input><p>请输入名称</p></el-form-item></el-col></el-row>
</el-form>

mounted() {this.$nextTick(()=>{let formData=this.$refs.form._data.fieldsconsole.log(this.$refs,"this.$refs");formData.forEach(element => {if(element.prop=='name'){// 修改样式element.$el.firstChild.style.color='red'// 添加点击事件element.$el.firstChild.addEventListener('click', () => {console.log(1234);})}});})}

使用this.$refs.XXX修改某个元素样式并添加点击事件相关推荐

Android提取字符串中的特殊字符（以手机号为例）并修改样式和添加点击事件
首先上代码(效果图在最下方): //找到你要赋值的那个控件TextView tv_phone = findViewById(R.id.tv_phone);//先定义一串字符串(包含手机号和座机号)St ...
【Qt】Qt 开发桌面程序 ( Qt 版本 5.14.2 | 编辑 Qt 桌面按钮控件 | 修改按钮文本 | 为按钮添加点击事件 | 系统调用 | 去掉系统调用命令窗口 )
文章目录一.添加按钮控件二.修改按钮文本三.为按钮添加点击事件 ( 弹出对话框 ) 四.为按钮添加点击事件 ( 打开记事本 ) 五.为按钮添加点击事件 ( 打开计算器 ) 六.去掉系统调用时弹出 ...
CSS修改默认列表元素样式(1.修改默认元素样式 2.伪元素选择器)
CSS修改默认列表元素样式 1. 修改默认元素样式 <!DOCTYPE html> <html lang="en"><head><meta ...
如何给Vue v-for循环渲染出的元素（导航栏）批量添加点击事件及点击后添加css类样式及点击后路由跳转切换
如何给Vue v-for循环渲染出的元素批量添加点击事件及点击后添加css类样式及点击后路由跳转切换能够实现或解决的问题给Vue v-for循环出的元素批量添加点击事件,并以自己在数组中 ...
JQuery 动态生成元素添加点击事件
页面代码 <html> ... <body> <div id="divBox"></div> <script> $(fu ...
【Visual Studio 2019】创建 MFC 桌面程序 ( 安装 MFC 开发组件 | 创建 MFC 应用 | MFC 应用窗口编辑 | 为按钮添加点击事件 | 修改按钮文字 | 打开应用 )
文章目录一.安装 MFC 开发组件二.创建 MFC 应用三.MFC 应用窗口编辑四.为按钮添加点击事件五.修改按钮文字六.打开系统其它应用七.博客源码一.安装 MFC 开发组件打开 ...
为未来元素添加点击事件的两种写法
哈哈哈,小七来了,对于经常搬砖撸代码的猴子们,一定会遇到给好多li(死的还是动态字符串拼接生成的(对未来元素添加不到事件的看之前写的事件委托))添加点击事件第一种: var index=0; for ...
动态修改el-input样式；动态修改elmentUI元素样式；css变量
场景:正常我们动态修改div元素的样式,使用:style和:class即可:但是我们想要动态修改element的组件样式时候,例如el-input字体颜色,由于el-input的样式嵌套很深,我们需要 ...
给父元素添加点击事件时，获取到的 event.target 为子元素（point-events: none 的妙用）
目录场景分析解决场景使用 ion-select 组件时,点击下拉图标点击事件的 event.target,不是图标本身的 DOM,而是图标子元素的 DOM 这会导致 popover 无法计 ...
jq遍历循环，给每个元素添加点击事件，并返回当前元素的索引值（闭包问题）
jq循环绑定点击事件造成闭包问题需求:给每个带有tab类名的元素点击点击事件,点击时可以添加active类名,(用于样式切换),而且还需要返回当前元素对应的索引值: 方法一(出现闭包) 先引入jq ...

使用this.$refs.XXX修改某个元素样式并添加点击事件

使用this.$refs.XXX修改某个元素样式并添加点击事件

使用this.$refs.XXX修改某个元素样式并添加点击事件相关推荐

最新文章

热门文章