iview table 点击是input（可编辑）的render函数中如何设置元素的样式（1）_iview表格中字符点击后变成input

2401_85124666

于 2024-06-12 14:16:49 发布

阅读量224

点赞数 10

文章标签： view design

本文链接：https://blog.csdn.net/2401_85124666/article/details/139625426

版权


在html5页面中，我们知道设置元素样式的方法有2种：一种是直接在元素标签中添加style属性并设置样式，另一种是给元素添加class属性然后给class属性设置样式。既然原生的html页面有这两种设置属性的方式，那么iview的render函数当然也可以这么给元素添加样式啦。


### 二、render函数添加样式的两种方法：


比如我想设置字体的颜色大小间距，如下图：


  
![](https://img-blog.csdnimg.cn/20190515231724997.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ2MjQ5,size_16,color_FFFFFF,t_70)


第一种方法：直接设置style属性


“操作”列的render函数如下代码：

{
title: ‘操作’,
align: ‘center’,
render: (h, params) => {
return h(‘div’, [

结尾

学习html5、css、javascript这些基础知识，学习的渠道很多，就不多说了，例如，一些其他的优秀博客。但是本人觉得看书也很必要，可以节省很多时间，常见的javascript的书，例如：javascript的高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

html5