脚本宝典收集整理的这篇文章主要介绍了vue的一些坑和技巧,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
<li v-for='item in data'>
<img src='{{item.imgUrl}}' alt='{{item.name}}'>
</li>
这样使用src不会显示,要使用v-bind:src='item.imgUrl'
,具体不知道为啥,应该只是src
不好用,后面的alt
加大括号却没有问题
情景:一个经过vue循环出来的导航列表,实现点击谁谁高亮,其他高亮的样式消失
jq实现的话一行代码足以
$(obj).click(function(){
$(this).addClass('on').siblings().removeClass('on');
})
//针对后续渲染的dom可以使用on()
$(obj).on('click',obj,function(){
$(this).addClass('on').siblings().removeClass('on');
})
如果使用vue来实现的话我们需要定义一个初始值为0的变量,点击导航的方法传入一个index的参数,让刚才定义的变量的值等于传进来的index,html结构上根据index来判断显示的class名称,如果flag的值域当前的index相同就显示高亮样式,下面是代码示例:
https://jsfiddle.net/zhoou/d6...
v-model
传入的值默认类型是字符串,如果项目中需要根据v-model
的值的类型来执行一些操作就比较麻烦,,比如判断用户输入的是否为数字可以使用isNaN()
方法,isNaN()
:判断数值为非数字。
数据更新包括数组更新和对象更新,这两个是有区别的,数组不可以使用索引的形式触发视图更新,而数组内的对象可以使用索引值的形式触发视图更新,数组的更新和编辑可以借助Vue.set
或者splice()
,对象的编辑可以借助vue.set
例子:https://jsfiddle.net/zhoou/8e...
写过项目之后理解得更深一些,回头看下文档发现vue文档写的很清楚。
发送请求时将content-type
的默认值application/x-www-form-urlencoded
改为application/json
https://segmentfault.com/q/10...
以上是脚本宝典为你收集整理的vue的一些坑和技巧全部内容,希望文章能够帮你解决vue的一些坑和技巧所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。