前端基础代码

原创

已于 2022-04-24 09:28:52 修改 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端

于 2022-04-18 22:01:34 首次发布

这篇博客主要介绍了前端开发中的一些基础操作，包括字符串拼接、ReadMore功能实现、页面导航控制、用户登录状态判断、退出提示、自定义返回逻辑、用户信息更新、查询对象处理、下拉刷新、分页加载以及Vue组件间的数据传递方法。详细讲解了每个功能的实现步骤和代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、字符串+值

< ... :placeholder=" '回复用户id为' + item.uid " />

2、ReadMore 展开阅读更多

<template>
<u-read-more show-height="250" text-indent="0" :toggle="true" close-text="点击展开详情">
// 内容

3、调用上一页方法

test(){
    // 重置条件，刷新上一页
    this.$prePage().getBbsList()
    this.$prePage().quary.page = 1
    this.$prePage().loadStatus = 'noload'
    // 返回上一页
    this.$u.route({
        type:'navigateBack'
    });
}

4、判断是否已登陆，若已登录则跳转到index页面

if(this.vux_token){
    uni.switchTab({    // 或者redirectTo
        url:'../../index/index'
    })
}

5、退出时弹出提示信息 uni.showModal......

6、导航栏自定义返回逻辑方法 :custom-back="signOut"

7、更新用户信息

onshow(){
    this.getUserData()
}

// 方法
getUserData(){
    this.$u.api.getUserInfo().then(res => {
        if(res.role !=1){
            this.$u.toast("没有使用权限");
            return
        }
        this.$u.vuex('vuex_user',res)
    }).catch(error =>{
        c