一、設(shè)置input寬度
el-input是基于element-ui框架的表單組件，使用起來(lái)非常方便。如果我們需要設(shè)置input寬度，可以使用CSS的width屬性設(shè)置寬度：
上述代碼中，通過(guò)style屬性設(shè)置input的寬度為200px。
二、elinput寬度設(shè)置
如果要在el-input元素內(nèi)部設(shè)置寬度，可以使用style屬性，如下：
上述代碼中，設(shè)置了el-input寬度為200px，同時(shí)綁定了inputValue的值。
三、elinput寬度
如果要設(shè)置el-input的寬度，在外層包裹div元素，并實(shí)現(xiàn)flex布局：
上述代碼中，通過(guò)flex布局實(shí)現(xiàn)了el-input的寬度布滿外層div元素。
四、設(shè)置input的高度和寬度
如果要同時(shí)設(shè)置input的高度和寬度，可以使用CSS的height屬性來(lái)設(shè)置高度：
上述代碼中，通過(guò)給input設(shè)置width和height屬性設(shè)置寬度和高度。
五、設(shè)置input的value值
如果要設(shè)置input組件的默認(rèn)值，可以使用v-model指令綁定defaultValue屬性的值：
上述代碼中，通過(guò):value指令綁定defaultValue變量的值，設(shè)置input組件的默認(rèn)值。
京公網(wǎng)安備 11010802030320號(hào)