element
hibiscusxin
人生海海,山山而川,不过尔尔。
展开
-
多个table的选中问题
在selection-change里面传index,再进行进行存数据原创 2024-01-15 19:40:05 · 571 阅读 · 0 评论 -
element里面的confirm弹窗,提示message换行
直接添加dangerouslyUseHTMLString属性即可。confirm弹窗的message换行。原创 2024-01-15 19:38:45 · 833 阅读 · 0 评论 -
el-table全部选择和全部取消
其实非常简单,el-table自带的都有方法toggleAllSelection()和clearSelection()原创 2023-12-05 14:56:11 · 2281 阅读 · 0 评论 -
el-select multiple表单校验问题
1、触发校验后, 一打开页面就会触发表单校验**2、选中下拉数据,不会再次触发校验,导致提示文字一直存在**原创 2023-10-24 14:58:01 · 635 阅读 · 0 评论 -
el-select 右侧icon样式问题
注意:样式需写在没有scoped的style标签里。原创 2023-07-12 11:31:15 · 307 阅读 · 0 评论 -
render函数里的input
render函数里的input值的绑定以及点击按钮可以变换rows值,刷新视图原创 2022-12-08 11:57:35 · 1408 阅读 · 0 评论 -
el-form中el-tree的rules校验
el-form中el-tree的rules校验原创 2022-12-06 17:48:37 · 1126 阅读 · 3 评论 -
el-date-picker 日期选择器控制可选日期
el-date-picker 日期选择器控制可选日期原创 2022-08-19 17:14:25 · 1573 阅读 · 0 评论 -
el-table横向滚动时,表头与列错位
el-table横向滚动时,表头与列错位原创 2022-06-29 14:29:03 · 2267 阅读 · 0 评论 -
el-form表单验证失败,自动跳转到第一个校验失败的位置
el-form表单验证失败,自动跳转到第一个校验失败的位置this.$refs[formname].validate((valid) => { if (valid) { ... } else { setTimeout(() => { var isError = documentsByClassName("is-error"); isError[0].querySelector('input').fo原创 2022-03-01 15:22:35 · 946 阅读 · 0 评论 -
el-checkbox绑定值用0 1表示
el-checkbox绑定值用0 1表示// 此时绑定的是数字01<el-checkbox :true-lable="1" :false-label="0" v-model="value"></el-checkbox>// 此时绑定的是字符串01<el-checkbox true-lable="1" false-label="0" v-model="value"></el-checkbox>...原创 2022-02-21 14:18:51 · 4650 阅读 · 2 评论 -
el-select隐藏下拉框
el-select隐藏下拉框<el-select v-model="value" @focus="closeIt" ref="selectIt" ></el-select>closeIt() { this.$refs.selectIt.blur();}原创 2022-02-11 11:37:30 · 4667 阅读 · 0 评论 -
el-checkbox遇到的渲染和勾选的问题
el-checkbox遇到的渲染和勾选的问题使用场景要求:多个el-checkout,可多选,但最多选6个,再次勾选会失败并提醒最多勾选六个。场景:已勾选6个,再去勾选第七个时,勾选失败、弹出提醒,此时取消一个已勾选,再次勾选第七个,需点击两次才能选中解决方法:在change后面添加native<div v-for="item in dataList" :key="item.id"> <span>已选中{{ item.order }}个</span>原创 2021-12-07 09:35:35 · 2697 阅读 · 0 评论 -
this.$refs[formName].validate((valid) =>{} )无效
this.$refs[formName].validate((valid) =>{} 无效当验证通过时,点击确定按钮也没反应,原因是我在我在添加验证时没有写else的callback()每个if都要对应一个else并且每个条件下都要callback确保在不同情况下都会执行callback...原创 2021-11-25 14:17:40 · 983 阅读 · 0 评论 -
el-radio-button自定义样式
el-radio-button自定义样式<div class="ai-tab-change"> <el-radio-group v-model="search.isAbandoned" @change="tabChange"> <el-radio-button label="0">样款</el-radio-button> <el-radio-button label="1">废款</el-radio原创 2021-07-08 14:13:02 · 6071 阅读 · 4 评论 -
回车搜索icon搜索远程搜索
input的不同搜索(回车/icon/远程搜索)1、不含输入建议<el-input v-model="formInline.keyWords" class="right-search-wrapper" style="width: 100%" placeholder="请输入用户手机号码/用户名进行搜索" @keyup.enter.native="changeSearchState" > <i slot="suffix" class="el-inp原创 2021-07-08 11:31:46 · 192 阅读 · 0 评论 -
修改el-input里placehoder字体颜色
vue-element修改input里placehoder字体颜色 <div class="search"> <el-input v-model="formInline.searchName" class="pool-search" style="width:666px;" placeholder="请输入名称进行搜索" :tr原创 2020-12-03 15:19:55 · 2937 阅读 · 0 评论 -
使用el-cascader,动态添加disabled
使用el-cascader,动态添加disabled// addDisabled.js// 处理下拉框数据export function addDisabled(dropdownList) { const list = [] try { dropdownList.forEach((e, index) => { let e_new = { nodeId: e.nodeId, label: e.label, isLeaf:原创 2021-05-12 15:49:52 · 4081 阅读 · 0 评论 -
el-input文本域去掉右下角的样式
el-input文本域去掉右下角的图标.el-textarea__inner { resize: none;}原创 2021-06-04 10:27:22 · 3178 阅读 · 2 评论 -
el-tooltip不显示问题
el-tooltip不显示问题在使用el-tooltip时,使用方法什么都一样,有些就是显示不出来,最后才发现,其包裹元素添加了v-if条件,那么el-tooltip也应该加上相同的条件,要不然就会显示不出来<el-tooltip v-if="radioList === 'isAbandoned'" class="item" effect="dark" content="撤销标记" placement="top" > <sp原创 2021-07-07 11:29:49 · 7019 阅读 · 8 评论 -
vue-element的分页el-pagination
vue-element的分页1、<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="formInline.page" :page-sizes="num" :page-size="formInline.size" layout="sizes, prev, pager, next" :to原创 2021-07-06 11:02:38 · 171 阅读 · 0 评论 -
el-dropdown 的 command传递多个参数
el-dropdown 的 command传递多个参数<el-dropdown @command="changeState"> <el-dropdown-menu slot="dropdown"> <el-dropdown-item v-if="scope.row.isFrozen === 1" :command="commandValue('frozen', scope.row)">冻结</el-dropdown-item>原创 2021-07-06 10:40:09 · 2204 阅读 · 0 评论