工作中遇到的问题

简介: 工作中遇到的问题

: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

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
相关文章
|
10月前
|
Java 程序员
工作中遇到的点滴
工作中遇到的点滴
52 0
|
28天前
|
自动驾驶 物联网 5G
什么是 5G 以及它如何工作?
【8月更文挑战第23天】
41 0
|
4月前
|
数据采集 分布式计算 DataWorks
准备工作
本文档介绍了阿里云智能推荐服务的使用流程,包括数据准备、行为埋点逻辑核对和数据上传方案。内容涉及不同行业的数据规范,如内容、电商和新闻行业,以及测试数据的获取。数据上传分为启动数据和实时数据两步,提供了全服务端SDK和友盟+服务端SDK等多种上传方案。此外,还介绍了通过历史数据启动实例的方法。建议用户根据自身行业和数据情况选择合适的方案。
44 4
|
前端开发
2020.07 G2 工作小结
? 修复的一些问题 修复 interval 下 shape='line' 设置 lineCap: 'round' 样式失效 Tip: 可用于进度条的绘制,相比于市面上现有的前端进度条组件,可以做到大小的自适应。 chart .interval() .position('const*value') .shape('line') .style({
|
Android开发
[凌浩雨] 工作一年
时间:2017.06.22-2018.06.22单位经历:诚运网络科技 -> 西北星信息技术 -> 北京乾元大通信息技术 - 诚运网络科技 在职时间:2017.02-2017.04 -- -- 大学学业只剩下最后一个学期,这个学期需要实习单位修学分,学校课程有规定实习这一学分。
1213 0
|
Web App开发 消息中间件 NoSQL