render: (h, params) => {
return h('div', [
//当前标签
h('input',
{
//参数 value:显示值; disabled:true不可编辑,false可编辑
attrs: { value: params.row.value, disabled:true },
style: {
width : '200px',height: '31px',
backgroundColor: '#559DF9',//背景颜色
border: '1px solid #ccc'
},
on:{
//change 事件
input : function(event){
//修改后的参数
let _val = event.data;
},
},
},
)
]);
}
vue.js columns 下的样式设置,render样式设置
最新推荐文章于 2024-07-16 11:34:18 发布
本文详细介绍了如何使用JavaScript和HTML实现一个可编辑的输入框组件,包括设置初始值、禁用编辑、自定义样式以及监听输入事件进行数据处理。通过这个组件,开发者可以方便地在前端应用中创建具有特定样式的输入控件。
摘要由CSDN通过智能技术生成