难点四!!!Vue中绑定属性无效
1、坑一:Vue中绑定属性一般写法,如果属性值是字符串则不需要用v-bind绑定,直接在元素上加就行了,如果里面涉及到变量或者其他不是字符串的值,一定要用v-bind绑定,否则无效。2、坑二:如何给class设多个值:错误写法:<div v-for="(item,i) in cityList" @click='select(i)' :class="{my-div active:activeI
·
1、坑一:
Vue中绑定属性一般写法,如果属性值是字符串则不需要用v-bind绑定,直接在元素上加就行了,如果里面涉及到变量或者其他不是字符串的值,一定要用v-bind绑定,否则无效。
2、坑二:v-bind后面绑定的属性一定不能存在大写字母
正确写法:
1、v-bind=‘pageindex’;
2、v-bind=‘page-index’
3、坑三:
如何给class设多个值:
错误写法:
<div v-for="(item,i) in cityList" @click='select(i)' :class="{my-div active:activeIndex===i}">
{{item}}
</div>
正确写法:
<div v-for="(item,i) in cityList" @click='select(i)' :class="{active:activeIndex===i}" class="my-div">
{{item}}
</div>
更多推荐
已为社区贡献4条内容
所有评论(0)