• vue mand-mobile ui Stepper步进器默认值传字符串进去不起作用


    vue mand-mobile ui Stepper步进器默认值传字符串进去不起作用

    Stepper 步进器 的默认值有没有弄过的,看了组件只能默认数字的,传字符串进去不起作用
    <div slot="default">委托价格</div>
    弄个插槽可以把文字放底下,但不会消失
    只能通过change事件来控制插槽的显示和隐藏了
    点击或者数字不为默认值的时候把提示隐藏了
    默认的数字0 也是去不掉的

    <div class="stepper-price">
    <md-field>
    <md-field-item name="arrow5" title="" align="center">
    <div class="normal-tip">
    <md-stepper :step="1" :min="0"></md-stepper>
    <div slot="default" id="entrust-price" style="margin-top:-27px;color:#BBC1C5">委托价格</div>
    </div>
    </md-field-item>
    </md-field>
    </div>
    <div class="stepper-num">
    <md-field>
    <md-field-item name="arrow6" title="" align="center">
    <div class="normal-tip">
    <md-stepper :step="1" :min="0"></md-stepper>
    <div slot="default" id="entrust-num" style="margin-top:-30px;color:#BBC1C5">委托数量</div>
    </div>
    </md-field-item>
    </md-field>
    </div>
    ===================

    vue如何获取 Stepper 步进器 里面input的值
    用@change(currentValue) 这个可以获得当前值的
    change 事件的是值变更的时候做的触发的

    提交订单的在其他方法里估计还是获取不到,还是得放到v-model里

    默认有个委托价格,委托数量的提示,有值的时候隐藏掉
    现在这个Stepper 步进器 默认值不能为空的,设为0在上面看起来很怪,input可以删掉为空,但初始值试了多种办法都无法设置为空
    在页面上input删掉值后默认为0,再删一次就可以为空的

    data 里把input的value 设置为"" 试过了 显示还是为0
    合格的组件都是自动检验的
    可以在mounted 后 把input的value 设置为""
    改dom的valu值逃避检测嘛,但以后怎么办?

    ===============
    步进器这种东西 我觉得不应该存在placeholder 这种东西
    input 存在是合理的
    进入页面的时候默认的时候就是空的出来提示,输入值后才消失

    但是自己手动绑定也不麻烦

    进去后用假input覆盖就行了,点击让他显示
    要用position属性z-index才起作用的

    .tradeleft #entrust-price{
    margin-top: -55px;
    color:#BBC1C5;
    font-size:32px;
    position: relative;
    background-color: #fff;
    z-index: 999;
    240px;
    margin-left: 95px;
    }
    ===================
    <md-stepper :step="1" :min="0" @change="changnum" v-model="entrustnum"></md-stepper>
    请问这个:step="1"的步进数能够动态赋值的吗? 不同交易进来需要步进的位数是不一样的,比如有些是1,有些是0.1,有些是0.01,我试了下{{setpvalue}} 编译器直接就报错了
    我用的是Stepper 步进器 ,不是步骤条

    能在created()或者 mounted()方法里赋值也可以
    ------------
    你传一个参数
    然后可以再加一个key触发重新渲染

    怎么传参数?用什么方法重新渲染?
    :step="{{setpvalue}}" 编译器直接就报错了

    :step="setpvalue" 用就可以了

    ===================
    在不同页面上定义相同名称的class名称,返回的时候会用之前页面的样式的,新页面样式不起作用,需要加权重,或者改个名称才行
    ===================

  • 相关阅读:
    2021.11.20 MapReduce实验
    Linux串口应用编程
    Linux系统中的TTY
    69 进程创建的优化设计 上
    71 键盘驱动程序设计(上)
    有关EXPORT_SYMBOL_GPL
    73 键盘驱动程序设计(下)
    72 键盘驱动程序设计(中)
    本地maven打包无法被导入
    java 8 Stream 递归实现树形结构
  • 原文地址:https://www.cnblogs.com/zdz8207/p/vue-mand-mobile-ui-Stepper.html
Copyright © 2020-2023  润新知