页面
页面点击按钮后
页面
v-model——在处理表单的时候,开发者最感到头疼的是如何获取表单的信息,在vue.js中,我们可以通过v-model时时将绑定的input元素内的文本同步到传入v-model的值,而且这个过程是双向的,用户修改input内的文本,data中的变量会跟随改变,通过方法改变data中的变量,页面input的文本也会随着改变。
结语
vue.js细化学习vue.js知识点就将这么多了,这已经可以满足打开日常开发的需求,如果有什么不足或者不明白之处,大家可以下方留言或者加我的微信^_^,接下来讲讲大家不怎么注意,但在开发中合理运用会大大简化我们的开发
过滤器——后台得到的数据格式不是你想要的?过滤器帮你!
为什么使用过滤器
在开发当中,常常遇到一些后台返回的数据并不是我们想展示在页面上的,比如后台对于时间的处理,往往返回给前段的是时间戳,然而我们不可以能将时间戳展示在页面上,这样的话过滤器就排上用场了
怎么使用过滤器
vue2.0后,过滤器只在模板语法{{}}中使用,对于时间戳处理我们可以这样
过滤器实战——金额过滤器{{时间戳|时间戳过滤器}}
解决问题
后台返回的金额往往只是一个number数据类型,但我们在页面显示时候,往往需要在金额前面加上金额符号¥,之时候我们可以使用过滤器解决这个问题
首先创建一个全局的过滤器priceFormat
代码
代码
将过滤器引入入口文件main.js
import './filters'
在组件中使用
页面