
Vue表单
Vue表单
仁王_雅治
想一想,一步步来到这里也挺不容易的
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue -- 二选一单选框实现 & 属性加冒号的理解
<template> <div> <el-radio-group v-model="type"> <el-radio :label=false>普通</el-radio> <el-radio :label=true>特殊</el-radio> </el-radio-group> </div></template><script&原创 2021-12-30 22:51:52 · 855 阅读 · 0 评论 -
Vue -- 在表单某下拉框项后增加编辑按钮,实现动态编辑下拉框中的内容 & 编辑删除按钮根据 selection 动态可用 & el-select 简单实践 & splice 函数用法
效果如下:原创 2020-04-25 12:34:05 · 2694 阅读 · 0 评论 -
Vue -- 表单下的input框无法输入内容 & 实现自动布局三等分的基于 el-form 的动态表单 & el-select 简单实践
<el-row> <el-col :span="8" style="margin-top:15px;"> <el-form-item :label="$t('labels.deployTemp')" prop="templateName"> <el-input v-model="item.templateName" :disabled="tr...原创 2020-05-03 22:11:28 · 1764 阅读 · 0 评论 -
Vue -- Popover 简单实践 & 如何通过点击按钮关闭 Popover 弹出框
<template> <div class="first-app"> <el-popover ref="mergePopover" placement="bottom-start" width="300" trigger="click"> <div style="text-align:center;margin-top:15px;height:10px;"> <el-原创 2021-12-04 16:26:08 · 3040 阅读 · 0 评论 -
Vue -- template和 v-for 结合动态生成多选框
<template> <div class="first-app"> <el-checkbox-group v-model="selectPropColumnNames" @change="propCheckChange"> <template v-for="column in propColumns"> <el-checkbox :label="column.label"></el-checkbox&原创 2021-12-04 15:54:58 · 1382 阅读 · 0 评论 -
Vue -- 点击按钮组中各按钮,按钮颜色根据含义变换颜色 & class 如何根据变量值选择不同样式
<template> <div class="first-app"> <el-button-group> <el-button size="mini" @click="setAlertSeverity('')" :class="currentSeverity==''?'activeBtn':'normalBtn'">全部</el-button> <el-button size="mini" @click="原创 2021-12-04 09:15:43 · 1823 阅读 · 0 评论 -
Vue -- datepicker 组件如何设置当前日期之前的日期不可选
<el-date-picker v-model="deadline" type="date" value-format="timestamp" :picker-options="pickerOptions"></el-date-picker>return { pickerOptions: { disabledDate(time) { return time.getTime() < Date.now(); }, }}原创 2020-06-10 08:31:00 · 2551 阅读 · 0 评论 -
Vue -- 如何取消 Dialog 右上角的小叉号 & el 标签中 boolean 类型的参数的用法
看官方文档那么具体在代码里应该怎么写呢?<el-dialog id="message-log-modal-id" title="作业任务执行情况" :visible.sync="taskExeDialogVisible" :show-close="false" :close-on-click-modal="false" :close-on-press-escape="false...原创 2020-05-06 20:26:59 · 7460 阅读 · 0 评论