avue-crud初始化下拉列表，以及复选框，默认选中

1.后台请求初始化复选框

常用属性
type：input的话是输入框，select是下拉选择框,checkbox是复选框
label：属性名对应的名称，也是前端列表所显示的列名
prop：属性名
dicUrl：对应请求后台路径
dicMethod:请求方法类型
props：形成下拉框的数据，显示的名称是label，选中的值是value，可以分别映射后端返回的值
rules：一些验证规则

2.运行结果

3.后台请求初始化下拉列表

4.运行结果

5.默认初始化下拉列表，初始化复选框

直接调用beforeOpen方法，通过this.$set(this.form);来初始化表单

<div class="app-container"><avue-crudref="crud":page="page":data="tableData":permission="permissionList":table-loading="tableLoading":option="tableOption":before-open="beforeOpen"v-model="form"@on-load="getPage"@refresh-change="refreshChange"@row-update="handleUpdate"@row-save="handleSave"@row-del="handleDel"@sort-change="sortChange"@search-change="searchChange"@selection-change="selectionChange"></avue-crud></div>

data() {return {checkPermi: checkPermi,form: {},tableData: [],page: {total: 0, // 总页数currentPage: 1, // 当前页数pageSize: 20, // 每页显示多少条ascs: [], //升序字段descs: "create_time", //降序字段},paramsSearch: {},tableLoading: false,tableOption: tableOption,dialogAppraises: false,optionAppraises: {props: {avatar: "nickName",author: "headimgUrl",body: "content",},},selectionData: "",pointsConfig: null,};},

beforeOpen(done, type) {if (type == "add") {done();} else if (type == "edit") {this.tableLoading = true;//根据id查询getObj(this.form.id).then((response) => {//初始化复选框this.form.ensureIds=response.data.ensureIds;//初始化下拉列表this.form.shipId=response.data.shipId;//也可以不发送后端请求，直接赋值表单即可，this.form是page列表的数据this.$set(this.form);this.tableLoading = false;done();});}},

关于this.$set详细介绍

avue-crud初始化下拉列表，以及复选框，默认选中相关推荐

layui复选框默认选中
layui复选框默认选中 table.render({elem: '#projectMaterialList', cols: [[ //标题栏{checkbox: true}, {type: 'num ...
Yii2 中 checkboxlist 复选框默认选中
Yii2 checkboxlist 选中问题方法1: 在 controller 中 model->字段 = 值; 比如: $model->type= 1; 方法2: <?= $f ...
vue 复选框默认选中_vue 实现单选框设置默认选中值
vue 实现单选框设置默认选中值 vue中单选框的默认选中不同于传统方式设置checked,是通过在data中设置vulue来实现的 html部分是通过v-for取的后台的数据生成后的代码就是 js ...
php 复选框默认选中的值,PHP复选框默认值是什么 - php
最近,在使用复选框时,我必须经历以下测试代码: $myvalue = $_POST['myname']; echo $myvalue; } ?> 因此,提交表单后我得到的输出是,当选中复选框时, ...
Java复选框怎么取消打钩_jsp实现复选框默认选中，不可取消
在Web开发中,有时候需要显示一些复选框(checkbox),表明这个地方是可以进行勾选操作的,但是有时候是只想告知用户"这个地方是可以进行勾选操作的"而不想让用户在此处勾选(比如 ...
vue 复选框默认选中_vue中，radio或者checkbox如何默认选中
有一个rad览或讲琐了过自系一读页围这就多网解元当维io或者checkbox选项框组,如直分调浏器代,刚求的一学础过功互有解小久宗点差维含数下: :id="getId()" nam ...
Jquery操作下拉列表和复选框，自定义下拉
后半部分还有自定义下拉列表和开灯关灯的效果,可以进来来看一下哦如果网页有下拉列表和复选框,看一下Jquery怎么来操作他们,主要怎么来选取他们的数据,怎么设置某一项选中先来看个下拉列表 < ...
【jQuery】复选框的全选、反选，推断哪些复选框被选中
本文与<[JavaScript]复选框的全选.反选.推断哪些复选框被选中>(点击打开链接)为姊妹篇,把里面内容再与jQuery框架中实现一次,相同做到例如以下的效果: 布局还是相同的布局, ...
JAVA之获取JavaSwing复选框JCheckBox选中的值（内容）
JAVA之获取JavaSwing复选框JCheckBox选中的值(内容) package shishi;import java.awt.BorderLayout; import java.awt.Co ...
js获取checkbox复选框获取选中的选项
分享下javascript获取checkbox 复选框获取选中的选项的方法. 有关javascript 获取checkbox复选框的实例数不胜数. js实现: var form = document. ...

avue-crud初始化下拉列表，以及复选框，默认选中

avue-crud初始化下拉列表，以及复选框，默认选中相关推荐

最新文章

热门文章