- 博客(5)
- 收藏
- 关注
原创 vue如何在v-html中使用过滤器filters
今天在项目中需要使用v-html来输出文本,但是文本中有些内容是需要先过滤一遍的。vue1.x中是可以直接加“|”来使用过滤器,但是在vue2.x中作者移除了这种写法。现在可以使用的写法是:<div v-html="$options.filters.formatTime(text)"></div>过滤器的代码:filters:{ formatTime:fu...
2019-05-30 18:18:45 5882
原创 移动端开发遇到的坑之input里的placeholder不垂直居中的问题
今天发现input输入框里的placeholder 在ios设备上不垂直居中。一开始我设置了input::-webkit-input-placeholder里的line-height等于height: input::-webkit-input-placeholder { height 42px line-height 42px }经过查询资料得知,input输入框的line-...
2019-05-30 13:45:10 8537 2
原创 vue中事件触发后更新所有相关的视图
之前写了一篇文章说了$forceUpdate(),链接地址:vue中遇到数据更新但是页面没有更新的情况后来发现有个小Bug:只能修改对应项的状态,不能一次性修改所有相关项的状态。首先看下之前的代码:<template> <div v-for="card in cards" :key="card.id"> <img src="xxx" /> ...
2019-05-29 11:15:59 899
原创 关于ios下输入框无法输入的问题
今天在项目中遇到在苹果手机中无法输入的问题。我的安卓手机和在谷歌手机模拟器上都没出现这个问题,但是有同事告诉我他的苹果手机无法输入。我自己试了下他的手机果然点击输入框没有任何反应。我觉得可能是css的问题,于是在项目的全局css里寻找关于input框的css。结果我发现了这样一行代码:*{ -webkit-user-select:none;}好吧,这行代码是前人留下的代码。字面...
2019-05-20 23:20:49 3064
原创 vue中遇到数据更新但是页面没有更新的情况
今天在项目中遇到了一个需求,点击改变数据,之后在页面上立即看到更改后的数据。首先,如上图的黄色按钮是通过v-for 循环产生的,data()里只有数据cards:[ … ],cards的值是通过调用后台接口拿到的。data(){ return { cards:[] }}<div v-for="card in cards" :key="card.id"> ...
2019-05-10 17:52:01 20273 6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人