工作中遇到的问题

简介: 工作中遇到的问题

: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


目录
打赏
0
0
0
0
1
分享
相关文章
什么是 5G 以及它如何工作?
【8月更文挑战第23天】
941 0
准备工作
本文档介绍了阿里云智能推荐服务的使用流程,包括数据准备、行为埋点逻辑核对和数据上传方案。内容涉及不同行业的数据规范,如内容、电商和新闻行业,以及测试数据的获取。数据上传分为启动数据和实时数据两步,提供了全服务端SDK和友盟+服务端SDK等多种上传方案。此外,还介绍了通过历史数据启动实例的方法。建议用户根据自身行业和数据情况选择合适的方案。
70 4
思考你的工作
为什么你明明每天工作很努力,但依然感觉自己的技术进步很慢?
70 0
2020.07 G2 工作小结
? 修复的一些问题 修复 interval 下 shape='line' 设置 lineCap: 'round' 样式失效 Tip: 可用于进度条的绘制,相比于市面上现有的前端进度条组件,可以做到大小的自适应。 chart .interval() .position('const*value') .shape('line') .style({
如此之乱的思绪,如何才能专心工作?
      最近的思维特别的乱,乱得乱七八糟的。写一下也许能好一点点。 女朋友(难找哇) 谈恋爱(花钱呀) 见父母(不好过关呀) 买房子(没钱呀) 生小孩(养不起呀) 买奶粉(国内的有毒,国外的太贵) 欧洲弄一个告诉粒子流的对撞,不知道会装出个什么结果。
994 0
有效的工作,小记
    最近做的一个功能,一个静态页面上有很多需要翻译,需要替换的文本,由于网站上有翻译界面,只需做个关键词入库操作即可, 所以简单写了几句代码,代替人工操作。     1.通过http爬取网页html,然后正则匹配标签内的文本,添加到集合     2.遍历集合做入库操作                              循环插入的性能不好,应该用批量插入的做法,不过数据不多,就没整那么复杂了。
852 0
工作中的一些知识总结
跳转 跳转登陆页 if(HybridMethod.isApp()) { RainbowBridge.callMethod('JsInvokeAppScope', 'goLogin'); } else { var _index = window.
2010 0