el-col是基于vue封装的组件，不支持原生事件的触发。无效：<el-col :span="4" @click="tagPlatform"><img class="image_icon" src="@/assets/images/labelTag.png" alt=""/><div class="image_text">标签平台</div><

1.在button上绑定动态的disabled<el-button type="primary" size="mini" @click="testCode" :disabled="codeDisabled">发送验证码</el-button>2.在data中定义codeDisabled: false,3.在点击事件里加入定时器，60000为1分钟不能重复点击testCode

1、切割法<div style="margin: 15px 0">已将验证码发送绑定手机号码{{userTelephoneNum}}</div>const phone = '17786292509'//后续更换接口返回的电话号码this.userTelephoneNum = phone.substr(0, 3) + '****' + phone.substr(7)2、正则表

:header-cell-style="{background: '#C4C4C4'}"

vue 一个el-form-item 绑定多个 input 或者select 校验

效果图：方法1：<span style="margin: 0 10px;font-size: 36px">•</span>右击右下角输入法，点击表情符号&符号，往下翻，会找到符号中的小圆点，再设置大小，用font-size即可，这种方法较为简单，不需要单独再设置小圆点的垂直居中样式等等。方法二： 用css样式画小圆点<span style="margin: 0

设置div圆角，只设置上面两个圆角

:style="{'background-color': (navTopping == 1) ? dynamicTopBg: dynamicLeftBg}"

使用个别浏览器加载页面时，有些输入框会受浏览器自动记住密码影响，自动回填信息，解决：先把输入框设置为只读状态，当获取焦点时再取消这一属性。加：readonly onfocus="this.removeAttribute('readonly');"例如：<el-input size="mini" placeholder="" readonly onfocus="this.removeAttri

vue3+ts 拖拽容器边缘，改变容器宽度和高度