zoukankan      html  css  js  c++  java
  • Vue : Select

    <template>
        <div>
            <select v-model="mychoice">
                <option value="html">HTML</option>
                <option value="css">CSS</option>
                <option value="js">JS</option>
            </select>
            <p>Your choise is: <b>{{mychoice}}</b></p>
    
        </div>
    
    </template>
    
    <script>
        export default  {    
            data:function(){
                return{
                    mychoice:''
                }
            }
        }
    </script>
    
    <style>
    select {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: url(./arrow.png) no-repeat;
        background-position-x: 99%;
        background-position-y: 50%;
        background-size: 15px;
        border:1px solid #E0E0E0;
        position: relative;
        height:25px;
        50%;
        text-align-last: left;
        left:24%;
    }
    p {
        margin-top:8px;
        position: relative;
        50%;
        text-align: center;
        left:24%;
    }
    </style>
    

      

  • 相关阅读:
    微服务
    JNDI Tomcat
    JNDI
    依赖倒置原则
    mac下为gdb创建证书赋权其调试其它应用
    sed相关
    关于autoconf
    mac相关
    about gnu bash shell
    关于gcc
  • 原文地址:https://www.cnblogs.com/coshaho/p/12013387.html
Copyright © 2011-2022 走看看