需求:select选择项在编辑的时候(即有默认值时),默认值不允许删除,下拉选项也不可再选。
如图鑫家网已经不可选了(即不可删除)
我们知道element ui多选是可以将已选的选项点击取消选择的,也可以在选中的tag中点击“x”关闭按钮将其关闭。
- 已选择的选项的tag会有一个x关闭按钮,为了避免删除已选内容将之去掉,利用控制台审查元素审查到将其display:none;要是vue页面有
<style lang="less" scoped>
则需要加 /deep/,为了不影响全局,可以再该组件中加一个父级class。
- 在el-select的el-option中应每一项数据中的判断是否禁用字段绑定disabled属性