2025/5/16小于 1 分钟
基础常用
<el-input v-model="input" placeholder="请输入内容"></el-input>
2025/5/16大约 1 分钟
文本域
提示
这里要强调一点的是,如果想改变文本域的长度可以添加class然后修改宽度
<el-input
type="textarea"
:rows="1"
:autosize="{ minRows: 2, maxRows: 6 }"
placeholder="请输入内容"
v-model="addChannelForm.channel_description"
maxlength="30"
show-word-limit
class="info"
>
</el-input>
2025/5/16小于 1 分钟
单选示例:
基础示例:
代码:
<el-select v-model="value" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
2025/5/16小于 1 分钟
说明:
在实际工作中,面对复杂的业务逻辑,有时需要带远程搜索的选择框?具体来说就是用户选择选项的时候,一个接口提供一些常用的默认选项.
但是如果默认选项里面没有这些选项,就需要提供搜索功能,通过搜索查找出选项,这样用户就可以完成这个选择动作
实际解决办法:
类似于这样的情况,往往不只一处地方使用,通常需要单独封装成一个对应在业务逻辑下的组件.这样做也是为了后续维护方便
示例:
该示例是以商品品牌为例,用户选择商品品牌
2025/5/7大约 2 分钟
2025/5/7小于 1 分钟