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;
width: 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名称,返回的时候会用之前页面的样式的,新页面样式不起作用,需要加权重,或者改个名称才行
===================

vue mand-mobile ui Stepper步进器默认值传字符串进去不起作用的更多相关文章

  1. Vue & mobile UI components

    Vue & mobile UI components https://github.com/vuejs/awesome-vue https://awesome-vue.js.org/ http ...

  2. onsen & UI & vue & mobile UI

    onsen & UI vue & mobile UI $ npm i onsenui vue-onsenui # OR $ npm i -S onsenui vue-onsenui h ...

  3. vue mand-mobile按2.0文档默认安装的是1.6.8版本

    vue mand-mobile按2.0文档默认安装的是1.6.8版本 npm list mand-mobilebigbullmobile@1.0.0 E:\webcode\bigbullmobile` ...

  4. IOS开发之XCode学习013:步进器和分栏控件

    此文学习来源为:http://study.163.com/course/introduction/1002858003.htm 此工程文件实现功能:  1.定义UIStepper和UISegmente ...

  5. 开始学习Angular Mobile UI

    介绍 Mobile AngularUI 可以让你使用Twitter Booostrap和Angular JS来开发混合移动App和桌面应用程序. 下面是是一些贯穿整个项目的步骤,我强烈的建议你去继续阅 ...

  6. UIStepper步进器 ——事件驱动型控件,(一个+和-按钮的)

    - (void)viewDidLoad {    [super viewDidLoad];        //步进器 固定的size (94*27), 事件驱动型控件    UIStepper *st ...

  7. vue.js相关UI组件收集

    内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 ###UI组件 element ★9689 - 饿了么出品的Vue2的web UI工具套件 Vux ★6927 - 基于Vu ...

  8. vue用mand-mobile ui做交易所移动版实战示例

    vue用mand-mobile ui做交易所移动版实战示例 先展示几个界面: 目录结构: main.js // The Vue build version to load with the `impo ...

  9. vue常见前端UI库

    vue常见前端UI库 VUE资源汇总:https://github.com/RuMengkai/awesome-vue VUX 项目主页:https://vux.li/#/ github地址:http ...

随机推荐

  1. MFMailComposeViewController发送邮件的实例

    本文转载至 http://blog.csdn.net/liufeng520/article/details/7585140   iPhone API已经提供了系统写邮件界面的接口,使用MFMailCo ...

  2. 必问的Java集合框架面试题

    Arraylist 与 LinkedList 异同 是否保证线程安全: ArrayList 和 LinkedList 都是不同步的,也就是不保证线程安全: 底层数据结构: Arraylist 底层使用 ...

  3. error: cannot lock ref 'refs/remotes/origin/master': unable to resolve reference 'refs/remotes/origin/master': reference broken...

    之前在自己的项目中添加了一个分支,然后做了一些操作,比如同步本地的分支情况到远程仓库中,然后在远程仓库中完成分支合并,以及 Pull request 等等操作,后来,在本地仓库中进行 git fetc ...

  4. sanchi

    修炼之路阶段1能简单处理html+css+js前端页面,可实现管理后台前端页面 熟练安装php的web运行环境,并调整配置,会自行安装php扩展 熟练数据库操作,清楚为何使用pdo而不使用mysql等 ...

  5. codeforces-707 C. Pythagorean Triples

    C. Pythagorean Triples time limit per test 1 second memory limit per test 256 megabytes input standa ...

  6. java实现爬虫功能

    /** * 爬取新闻信息,封装成实体bean */public class GetNews { public List<News> getNews() {  // 存储新闻对象  List ...

  7. react+dva+antd项目构建

    一:版本升级 首先说明一下这里的dva是最新版: 2.3.2 1.初始化项目构建 npm install dva-cli -g dva -v dva-cli version 注:通过 npm 安装 d ...

  8. ruby 基础知识 - Class 与 Module

    原文 1. 因為 Ruby 並沒有「屬性」(property/attribute)這樣的設計,要取用實體變數,需要另外定義的方法才行: class Cat def initialize(name, g ...

  9. java Api 读取HDFS文件内容

    package dao; import org.apache.hadoop.conf.Configuration; import org.apache.hadoop.fs.*; import java ...

  10. 网络爬虫基础知识(Python实现)

    浏览器的请求 url=请求协议(http/https)+网站域名+资源路径+参数 http:超文本传输协议(以明文的形式进行传输),传输效率高,但不安全. https:由http+ssl(安全套接子层 ...