el-select 下拉框某一项设置为不可选

复制代码
<div class="sale">
      <select @change="GetCountyData()">
           <option>请选择</option>
           <option v-for="(item,index) in data" :disabled="item.is_true==1?true:false" :class="{statusbtn:item.is_true==1}">{{item.is_true}}</option>
      </select>
</div>

<style>
.statusbtn {
     color: #d6caca;
     cursor: not-allowed; /*这个在button上面才管用,是一个禁用的小标识*/
}
</style
复制代码
复制代码
export default {
        name: 'app',
        data() {
            return {
               "data": [{
                  "is_true": "0",
                  "region_id": "12",
                  "region_name": "南昌市",
                },
               {
                 "is_true": "1",
                 "region_id": "13",
                 "region_name": "景德镇市",
               },
               {
                 "is_true": "0",
                 "region_id": "14",
                 "region_name": "萍乡市",
               },
               {
                 "is_true": "1",
                 "region_id": "15",
                 "region_name": "九江市",
               },
               {
                 "is_true": "0",
                 "region_id": "16",
                 "region_name": "新余市",
               },
               {
                 "is_true": "0",
                 "region_id": "17",
                 "region_name": "鹰潭市",
               }
              ]

            }
        },
        props: [],
        mounted() {
        },
        methods:{
       
        }
}
复制代码

转载:https://www.cnblogs.com/liujiajiablog/p/9797681.html

 

posted @   挽你手  阅读(895)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 实操Deepseek接入个人知识库
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
点击右上角即可分享
微信分享提示