zoukankan      html  css  js  c++  java
  • vue的select 下拉框某一项设置为不可选

    select下拉框中某一项不可选置灰

    一,

      html

    <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>

    二,

     script

    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:{

    } }

    三,

        css 

    .statusbtn {
                    color: #d6caca;
                    cursor: not-allowed; /*这个在button上面才管用,是一个禁用的小标识*/
                }
  • 相关阅读:
    WIN10解决:失败 – 检测到病毒文件下载失败问题
    Jinja2学习
    div设置百分比高度 宽度
    flask静态html
    python排序之冒泡排序
    python中的break continue之用法
    python中的break continue用法
    python格式化输出(% format用法)
    python基础数据类型
    linux下anaconda使用教程
  • 原文地址:https://www.cnblogs.com/liujiajiablog/p/9797681.html
Copyright © 2011-2022 走看看