render iview tab select的添加和input的添加

单选 && 多选 select

{title: '班组',key: 'shift',render: (h, params) => {// const _this = this// let values = params.row.values.name;// debuggerreturn h('div', [h('Select', {props: {value: '',//多选的话这里就是数组[]multiple: true},on: {'on-change': (event) => {console.log(event);}},style: {width: '80px'}},this.shiftGroup.map(item => {return h('Option', {props: {value: item.name, key: item.id}}, item);}))]);}}],

input的添加

{title: '排序',key: 'sortNum',sortable: true,align: 'center',width: 80,render: (h, params) => {return h('div', [h('Input', {props: {type: 'text',value: this.tableData[params.index].sortNum},style: {width: '50px',textAlign: 'center'// marginRight: '5px'
                                },on: {'on-enter': (val) => {console.log(val.target.value)// this.dataRow = params.row;const param = {id: params.row.id,code: params.row.code,name: params.row.name,parentId: params.row.parentId,navUrl: params.row.navUrl,iconUrl: params.row.iconUrl,sortNum: val.target.value,remark: params.row.remark,state: params.row.state === '启用' ? 1 : 0}// debuggerthis.$post(api.SaveModulemanager(), param).then((res) => {// debuggerlet content = res.data;if (content.status === 200) {this.isUpdateTreeData = true;this.getModuleList('');console.log('编辑成功');}});// console.log(params);
                                    }}})]);}},

转载于:https://www.cnblogs.com/haonanya/p/9204801.html

render iview tab select的添加和input的添加相关推荐

iView UI Select 选择器下拉列表跟随滚动条移动
iView UI Select 选择器下拉列表跟随滚动条移动这里记录一个BUG,关于iView UI Select 选择器下拉列表跟随滚动条移动. 此文章是本人记录BUG以及BUG的解决方法,希 ...
iview select选中值取值_完美解决iview 的select下拉框选项错位的问题
在使用iview的过程中,我遇到这样一个问题,在Model中使用select下拉框组件.但是当弹出框超过一屏需要滚动时,select的下拉选项会出现错位(下图1为正常,图2为滚动后,下拉选项错位.) ...
iview 下拉select样式_Vue.js相关：iview实现select tree树形下拉框的示例代码
Vue.js相关:iview实现select tree树形下拉框的示例代码发布于 2020-3-16| 复制链接摘记: 本文介绍了iview实现select tree树形下拉框的示例代码,分享给大 ...
iview select 怎么清空_如何解决iview 的select下拉框选项错位的问题，具体操作如下...
下面我就为大家分享一篇完美解决iview 的select下拉框选项错位的问题,具有很好的参考价值,希望对大家有所帮助. 在使用iview的过程中,我遇到这样一个问题,在Model中使用select下拉 ...
html+input改变图标,JS Input里添加小图标的两种方法
我们在做网页的时候,经常需要在input里面添加小图标,那么这里就介绍比较常见的两种方法. 将小图标当做input的背景来插入,直接上代码吧: Box{ height: 50px; backgroun ...
html密码框怎么添加小图标,JS Input里添加小图标的两种方法
我们在做网页的时候,经常需要在input里面添加小图标,那么这里就介绍比较常见的两种方法. 方法一将小图标当做input的背景来插入,直接上代码吧: *{ margin: 0; padding: 0 ...
input 单击图标_JS Input里添加小图标的两种方法
我们在做网页的时候,经常需要在input里面添加小图标,那么这里就介绍比较常见的两种方法. 方法一将小图标当做input的背景来插入,直接上代码吧: *{ margin: 0; padding: 0 ...
input里面添加图片
input里面添加图片思路:利用input背景图片来实现,主要使用的是css样background-image l利用background-image引入图片,background-image: u ...
input里添加小图标（实用、赞）
https://blog.csdn.net/chengQunBin/article/details/78505654 方法一将小图标当做input的背景来插入,直接上代码吧: <style t ...
html添加添加只读属性,JavaScript如何将readonly属性添加到input标签
在JavaScript中可以使用setAttribute()方法将readonly属性添加到表单的input字段中. setAttribute()方法可将已定义的属性添加到元素,并为其提供定义的值.如 ...

render iview tab select的添加和input的添加

render iview tab select的添加和input的添加相关推荐

最新文章

热门文章