![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element
饱饱~~
这个作者很懒,什么都没留下…
展开
-
安装 elementui报错
换成npm install --legacy-peer-deps element-ui --save 就可以了原创 2022-05-08 17:52:16 · 824 阅读 · 1 评论 -
input改为number类型,去掉上下箭头
input框只能输入的是number类型的内容,所以我直接写成了 type="number" ,虽然实现了这个功能,但input框后面出现了上下箭头,看起来巨丑无比!只要在css样式里面写以下样式即可:input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none !important;}input[type='number'] { -moz...原创 2022-01-21 14:09:57 · 15815 阅读 · 1 评论 -
input为number类型时,限制长度
场景:手机号只能输入11位,且为 number 类型vue 使用 element-ui 的 el-input 时,不设置 type 属性,maxlength 是可以正常限制字数。 但如果让 type="number" ,maxlength就不起作用了应给 input 添加 oninput 方法监听<el-form-item label="手机号"> <el-input v-model="searchForm.phone" type="number" oninput="原创 2022-02-17 11:04:36 · 1376 阅读 · 0 评论 -
element-ui 之 input 搜索联想功能
在 input 内搜索下列选项内容效果图:代码实现:<template> <div> <el-input style="width:350px; margin-left: 100px" v-model="searchData" placeholder="请输入。..." clearable> </el-input> <el-tree class="t..原创 2022-02-21 14:17:57 · 1420 阅读 · 0 评论 -
vue + element-ui回显效果简单实现
效果:第一次选中该数据后点击保存按钮,再次点击按钮弹出该页面,保留我上次选中的数据用的组件是 tree 和 tagps:添加的标签顺序是列表数据的顺序,不是勾选列表的顺序!!!// 父组件<el-button v-has="'sys:user:tenant'" type="text" @click="tenantSet(scope.row)">租户设置</el-button><Tenant ref="tenant" v-if="tena...原创 2022-02-24 15:54:06 · 1619 阅读 · 0 评论 -
element-ui 之 如何获取 tree 选中的节点
需要获取被选中的所有节点:<el-tree ref="tree" class="tenant_tree" :data="list" show-checkbox :props="defaultProps" default-expand-all node-key="tenantId" highlight-current @check-change="h...原创 2022-02-23 13:53:11 · 7306 阅读 · 0 评论 -
element-ui 之 tree 与 tag 联动效果
如图所示,当我选中复选框的时候,下面出现对应的标签,当我取消复选框的时候,下面对应的标签会消失;同理,删除标签,上面的复选框会取消选中// 子组件<el-tree ref="tree" class="tenant_tree" :data="list" show-checkbox :props="defaultProps" node-key="tenantId" highlight原创 2022-02-24 09:57:08 · 1179 阅读 · 0 评论