工作中遇到的问题

简介: 工作中遇到的问题

: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


相关文章
如此之乱的思绪,如何才能专心工作?
      最近的思维特别的乱,乱得乱七八糟的。写一下也许能好一点点。 女朋友(难找哇) 谈恋爱(花钱呀) 见父母(不好过关呀) 买房子(没钱呀) 生小孩(养不起呀) 买奶粉(国内的有毒,国外的太贵) 欧洲弄一个告诉粒子流的对撞,不知道会装出个什么结果。
978 0
有效的工作,小记
    最近做的一个功能,一个静态页面上有很多需要翻译,需要替换的文本,由于网站上有翻译界面,只需做个关键词入库操作即可, 所以简单写了几句代码,代替人工操作。     1.通过http爬取网页html,然后正则匹配标签内的文本,添加到集合     2.遍历集合做入库操作                              循环插入的性能不好,应该用批量插入的做法,不过数据不多,就没整那么复杂了。
835 0
|
Android开发
[凌浩雨] 工作一年
时间:2017.06.22-2018.06.22单位经历:诚运网络科技 -> 西北星信息技术 -> 北京乾元大通信息技术 - 诚运网络科技 在职时间:2017.02-2017.04 -- -- 大学学业只剩下最后一个学期,这个学期需要实习单位修学分,学校课程有规定实习这一学分。
1221 0
|
Web App开发 消息中间件 NoSQL