:class问题:动态替换样式,
语法::class=“判断的条件?‘达到了显示的样式’:‘未达到显示的样式’”
<view @click="gojump()" :class="name?'didi':'changedidi'">发布简历</view> .didi { 运用了三目运算符 name是否为空,空就是显示样式1,非空样式2 width: 682rpx; height: 104rpx; background-color: #036DFD; border-radius: 6rpx; margin: 0 auto; margin-top: 82rpx; font-size: 38rpx; font-weight: 400; line-height: 104rpx; color: #FFFFFF; text-align: center; } .changedidi { width: 682rpx; height: 104rpx; background: rgba(219, 219, 219, 0.39); border-radius: 6rpx; margin: 0 auto; margin-top: 82rpx; font-size: 38rpx; font-weight: 400; line-height: 104rpx; color: #FFFFFF; text-align: center; }
这是改变前
改变后
选择器取消按钮操作
@close="showadd = false" 选择器中有这个的不用写个方法,可直接在里面变成false
两个东西来回切换显示,显示A就不显示B,显示B就不显示A
只有t1 这一个布尔值
image肩标签里面的medo里面的可选属性
分页查询(分页查询怎么查,页码怎么用)
limit: 0, //页码 现在data里定义一个页码 loadingText: "loading ", //这个是正在加载的东西 //触底事件 onReachBottom: function(e) { if (this.loadingText == "loading ") { this.selectOrderLimit() } }, selectNewsLimit(init) { //这是接口,分页查询的页码怎么用 if (init) { this.limit = 0; this.loadingText = 'loading'; this.newsList = []; } uni.$u.http.post('/api/token/selectNewsLimit', { limit: this.limit * 10, // 分页页数 type: this.current }).then(res => { console.log(res) if (res.length < 10) { this.loadingText = "nomore" } this.newsList = this.newsList.concat(res); this.newsList.forEach(item => { if (item.dz == 1) { this.dzshow = true } else { this.dzshow = false } }) this.limit++; }).catch(err => { console.log(err); }) },
点赞问题(关于有两个,显示其中一个就不会显示另一个)
//@click中的index是之前循环出来的,v-if中的item也是循环出来dz是接口中查出来的是否点赞 <u-icon name="thumb-up" v-if="item.dz==0" @click="dianzan(index)"></u-icon> <u-icon name="thumb-up-fill" v-if="item.dz==1" @click="dianzan(index)"></u-icon> //点赞方法 dianzan(index) { console.log(index) if (this.newsList[index].dz == 0) { this.newsList[index].dz = 1 this.newsList[index].tsize++; } else { this.newsList[index].dz = 0 this.newsList[index].tsize--; } uni.$u.http.post('/api/token/insertTags', { nid: this.newsList[index].id, // 新闻id }).then(res => { }) },
定时器
//先在data中定义一个变量 timer:null, //然后在需要的地方用(onLoad或者是mothods中) this.timer = setTimeout( ()=>{ //里面写每隔多久就要执行的东西,或者判断的东西 },1000); //1000就是yi'miao