随笔分类 - 前端-前端项目工作
前端-前端项目工作
摘要：<!--封装部门选择的插件 需要的组件--> <template> <el-select :value="value" placeholder="请选择所属栏目" @change="handleChange"> <!--注意用户的返回值--> <el-option v-for="value in c
阅读全文
摘要：import { axios } from "./axios"; export { axios }; export function httpAction(url, parameter, method) { return axios({ url: url, method: method, data:
阅读全文
摘要：//设置拦截器 拦截 // request interceptor service.interceptors.request.use( config => { const token = Vue.ls.get(ACCESS_TOKEN); // if (token) { // config.head
阅读全文
摘要：就是把部门下拉框选择这部分变成一个组件，在用户创建的时候引入 这样就可以把功能不相关代码模块化，以后也便于管理 如果别的地方也要用到部门选择，可以直接再次引入，就不用重复写代码了
阅读全文
摘要：多看官网 https://cn.vuejs.org/v2/guide/components.html
阅读全文
摘要：<!--封装部门选择的插件 需要的组件--> <template> <el-select :value="value" placeholder="请选择所属部门" @change="handleChange"> <el-option v-for="department in departments"
阅读全文
摘要：最开始后端来和我说 token 时候， 虽然装着很懂的样子，但当时我听的是一脸懵逼 之前学习的时候，根本没接触过token， 后来查了一些资料，终于明白了token 的原理，以及应用。 token 原理 token 的意思是 令牌， 就像是我们登陆某个账号时，会向你的安全令发送验证一样。 一个道理，
阅读全文
摘要：<el-radio-group v-model="radio1"> <el-radio-button class="user-radio" label="上海"> <div class="user-radio-div">主标题</div> <p class="user-radio-p">说明文案</
阅读全文
摘要：1.使用请求拦截器，拦截vue所有请求，增加token参数 使用倒数计时，假如token有效期60分钟，会在59分钟的时候去重新拿着refresh_Token，去请求新的token. 注意：如果一个账号允许多人登录使用，上述方法没有问题，但是如果一个账号只允许一人登录，一个地点登录，那上述方法就不那
阅读全文
摘要：什么是插槽？ 插槽就是子组件中的提供给父组件使用的一个占位符，用<slot></slot> 表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的<slot></slot>标签。 如下代码： 1. 在子组件中放一个占位符 2. 在父组件中给这个占位符填充内容：
阅读全文
摘要：hook父子传值没必要再用usestate作为中间值传递
阅读全文
摘要：fieldNames={{ title: "name", key: "id", children: "children" }} 改变tree德自定义值一定要用""
阅读全文
摘要：id: orgDataDetail.id||"", //机构编号 code: values.code||orgDataDetail.code, //机构名称 name: values.name||orgDataDetail.name, //邮箱 email: values.email||orgDat
阅读全文
摘要：<Table pagination={_pagination} columns={userColumns} rowKey="id" dataSource={userRoleList} /> 分页 //分页 const _pagination = { total: totol, onChange: o
阅读全文
摘要：<Menu theme='dark' mode='horizontal' defaultSelectedKeys={[selectedSubSystem]} items={subSystem} onSelect={(selectedKeys: SelectInfo) => handleSubSyst
阅读全文
摘要：{/* <Sider width={195} className={styles['site-layout-background']} collapsible={true} onCollapse={handleCollapse} > <ul className={styles.leftNav}> {
阅读全文
摘要：第一步 const items2: MenuProps['items'] = [UserOutlined, LaptopOutlined, NotificationOutlined].map( (icon, index) => { const key = String(index + 1); ret
阅读全文
