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;
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步进器默认值传字符串进去不起作用的更多相关文章
- Vue & mobile UI components
Vue & mobile UI components https://github.com/vuejs/awesome-vue https://awesome-vue.js.org/ http ...
- onsen & UI & vue & mobile UI
onsen & UI vue & mobile UI $ npm i onsenui vue-onsenui # OR $ npm i -S onsenui vue-onsenui h ...
- 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` ...
- IOS开发之XCode学习013:步进器和分栏控件
此文学习来源为:http://study.163.com/course/introduction/1002858003.htm 此工程文件实现功能: 1.定义UIStepper和UISegmente ...
- 开始学习Angular Mobile UI
介绍 Mobile AngularUI 可以让你使用Twitter Booostrap和Angular JS来开发混合移动App和桌面应用程序. 下面是是一些贯穿整个项目的步骤,我强烈的建议你去继续阅 ...
- UIStepper步进器 ——事件驱动型控件,(一个+和-按钮的)
- (void)viewDidLoad { [super viewDidLoad]; //步进器 固定的size (94*27), 事件驱动型控件 UIStepper *st ...
- vue.js相关UI组件收集
内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 ###UI组件 element ★9689 - 饿了么出品的Vue2的web UI工具套件 Vux ★6927 - 基于Vu ...
- vue用mand-mobile ui做交易所移动版实战示例
vue用mand-mobile ui做交易所移动版实战示例 先展示几个界面: 目录结构: main.js // The Vue build version to load with the `impo ...
- vue常见前端UI库
vue常见前端UI库 VUE资源汇总:https://github.com/RuMengkai/awesome-vue VUX 项目主页:https://vux.li/#/ github地址:http ...
随机推荐
- Windows更新导致的打印问题
最近很多BarTender用户都出现了打印问题,如3700错误消息及3721错误消息.这个问题存在于BarTender的所有版本,这主要是因为什么?又该如何去解决呢? 根据BarTender英文官网提 ...
- OpenGL 获取当前屏幕坐标的三维坐标(gluUnProject使用例子 Qt)
之前使用VS+glut实现了gluUnProject使用例子,用于渲染管道的逆过程,将屏幕坐标转换为opengl三维坐标,本文将尝试使用QT来实现. 代码如下: main.cpp 12345678 ...
- MySQL 全文检索 ngram插件
InnoDB全文索引:N-gram Parser[转] MySql5.7 建立全文索引 InnoDB默认的全文索引parser非常合适于Latin,因为Latin是通过空格来分词的.但对于像中文,日文 ...
- 《转载》JVM垃圾回收机制
本文转载自ImportNew - 郑雯 每个Java程序员迟早都会碰到下面这个错误: java.lang.OutOfMemoryError 这个时候一般会建议采用如下方式解决这个错误: 增加MaxPe ...
- C++学习 —— 灵活的继承特性
0.继承与算法开发 在之前的笔记中,我展示了来自继承的威力.继承这种机制能够大幅度减小编码量,子类可以继承父类所有的变量,方法.利用这种机制,我们可以在其他人工作的基础上,完成有自己特色的部分.比如我 ...
- [原]Jenkins(十九) jenkins再出发之jenkins邮件通知
1.下载插件: 2.配置插件: 3.邮件插件配置 4.设置触发器:
- 对unicode数据进行部分replace
unicode = u'\u9879\u76ee\u7ba1\u7406\u90e8' print unicode #项目管理部 unicode = unicode.replace("项目& ...
- 使用stylus
1. 首先确保 node + npm 环境一切正常. 2. 全局安装 stylus: 在命令行中: npm i stylus@latest -g 3. 此时可以创建 .s ...
- python全栈开发 * 13知识点汇总 * 180619
13 迭代器和⽣成器一.迭代器 1.以通过dir函数来查看类中定义好的所有⽅法 2.__iter__ 用来获取当前对象的迭代器 3.__next__ 获取可迭代对象的元素s="我爱吃火锅&q ...
- CentOS使用systemctl daemon-reload报错Error getting authority: Error initializing authority: Error calling StartServiceByName for org.freedesktop.PolicyKit1: Timeout was reached (g-io-error-quark, 24)解决办法
CentOS修改了系统启动文件后需要重载报错 systemctl daemon-reload Error getting authority: Error initializing authority ...