- 博客(39)
- 收藏
- 关注
RSS订阅原创 对后端对接口的时候注意小错误
3 可以利用postman来检查一下后端接口。1 注意ipconfig能否ping 通。2 注意https s加了或者没加。4 参数是否填写正确。
2023-12-19 15:35:33
346
原创 编辑展开关闭操作
//控制面板里面写基本信息 //第一层服务器信息点击是自己默认设置一个 第二层是后端返回的isOpen <div class="examples-tab-panel"> <sf-tab-panel :active-item="0"> <sf-tab-item title="基本信息"> <div class="tab-content">
2022-05-23 09:04:03
106
原创 切换栏tab组件封装
目录index.vue 总文件显示tab头tab_form.vue 表格展示OpenTaskDetailWin 展示详情页面内容//index.vue//afterShow 切换 tab 之后可获取index <sf-tab-panel size="large" class="tab-panel-item" @afterShow="activeDemo"> <sf-tab-item v-for="tabItem in tabData"
2022-05-22 13:28:50
531
原创 简单tree树结构操作
<!-- 按钮 --><el-button size="mini" type="text" icon="el-icon-edit" @click="handleParticulars(scope.row)" >查看详情</el-button > <!-- 查看详情弹窗 --><div v-if="particulars"> <el-dialog title="详情" :visible.sync="
2022-05-20 16:48:19
172
原创 ts基础入门
一 数据基本类型// 1 布尔型let boo:boolean = true;boo = false //只能是等于布尔值// 2 数字型let num:number = 123;// 3 字符串类型let str:string = "你好啊";// 4 数组类型// Array<>类型let arr: Array<number> = [1,2,3];// 数据类型[]let arr2: string[] = ['1','2']// 5undefin
2022-05-09 14:34:00
311
1
原创 nvm 下载
下载nvm前提是node.js删除干净 使用 where node 看看是否还有残余1、下载链接https://github.com/coreybutler/nvm-windows/releases2、解压后，打开nvm的setting.txt3 在settings文件里面添加这二行node_mirror: https://npm.taobao.org/mirrors/node/ npm_mirror: https://npm.taobao.org/mirrors/npm/4 使用管理员
2022-05-07 15:21:45
333
原创 配置密钥方法
1 git config --global user.name “你的账号”2 git config --global user.email “邮箱”3 查询账号 ：git config user.name4 ssh-keygen -t rsa -C “邮箱”5 cd ~/.ssh6 cat id_rsa.pub （返回一串密钥字母）7 将其配置在setting下的密钥中...
2022-04-11 13:47:26
1372
原创 download下载图片
<template> <div class="app-container"> <h2>图片下载到本地</h2> <div> <img :src="imgUrl" alt="" srcset=""> </div> <el-button type="primary" @click="downs()">下载</el-button> </div>
2022-04-08 14:30:05
172
原创 [Vue warn]: Invalid prop: type check failed for prop “index“. Expected String, got Undefined
当写后台管理，使用后端接口路由数据时候，报错！报错的原因是要将对应的转为String类型，所以加一个’ ’ 转化为字符串 以下解释：
2022-04-06 15:45:45
1889
4
原创 中英文切换
https://kazupon.github.io/vue-i18n/zh/introduction.html1 先安装 npm i vue-i18n -S2 在src目录下面创建i18n文件夹en.js文件放置英文标题module.exports = { message: { title: 'english' } }zh.js文件放置中文标题export default { message: { title: '中文' }
2022-04-02 17:50:19
86
原创 preview图片预览
1 插件地址 ：https://heyongsheng.github.io/2 安装 npm install hevue-img-preview3 在main.js里面引用import hevueImgPreview from 'hevue-img-preview'Vue.use(hevueImgPreview)4在页面中进行使用<img :src="url" @click="previewImg(url)">methods: { previewImg (url) {
2022-03-31 18:03:38
552
原创 前端笔试题
面试题1：const data = [ ['2022/2/28', '雨'], ['2022/2/26', '晴'], ['2022/2/27', '阴'], ['2022/2/26', '运动'], ['2022/2/28', '工作']]; 转化成：const resData = [{ time: '2022/2/26', weather: '晴', thing: '运动' },{ time: '2022/2/27', wea
2022-03-30 17:57:26
514
1
原创 tab定时点击切换
方法：1 动态生成数据 先要知道当前页面需要几条数据，根据后端返回数据进行截取2 当点击不同的index时显示的高亮效果3 定时器设置html部分<div class="duty-view"> <block-title><lang>排班安排</lang></block-title> <div v-if="!isEmpty" @mouseenter="_onMouseEnter"
2022-03-30 16:18:49
272
原创 ...展开运算符总结
1 当参数不确定的时候(可以形参拓展，或者实参拓展) function test(a,b) { return a + b // 6 } let arr = [1,5,3] // 当arr不确定的时候，就直接展开运算 console.log(test(...arr));2 往数组里面添加元素 let items = [1,2,3]; let newItems = [...items,4]; console.log(ne
2022-03-30 15:58:52
190
原创 vue3 导入svg图片
1 安装"svg-sprite-loader": "^6.0.9"2 在src文件下创建一个icons文件夹 放入svg文件图片(阿里图标库) 并且配置一个index.js文件import SvgIcon from '@/components/SvgIcon'// https://webpack.docschina.org/guides/dependency-management/#requirecontext// 通过 require.context() 函数来创建自己的 context
2022-03-29 13:56:44
2392
原创 实现点击 copy链接效果
实现点击 copy链接效果1 先安装 npm i clipboard@2.0.4 2 创建一个clipboard文件夹，里面放置两个文件clipboard.js// Inspired by https://github.com/Inndy/vue-clipboard2const Clipboard = require('clipboard')if (!Clipboard) { throw new Error('you should npm install `clipboard` --sa
2022-03-29 11:00:15
769
原创 动态生成已完成，未完成的状态
html组件/*** 这个prop对应的是后端传来的数据字段<el-table-column prop="event_urgent" width="120"> <lang>紧急程度</lang></el-table-column>/***用来显示下面的状态<template slot="status" slot-scope="props"> <s...
2022-03-03 09:23:46
414
原创 tab定时点击切换
方法：1 动态生成数据 先要知道当前页面需要几条数据，根据后端返回数据进行截取2 当点击不同的index时显示的高亮效果3 定时器设置html部分<div class="duty-view"> <block-title><lang>排班安排</lang></block-title> <div v-if="!isEmpty" @mouseenter="_onMouseEn...
2022-03-01 15:37:15
611
原创 对象（内置）
对象对象概念：就是由属性跟方法组成属性：事物的特征（n）方法：事物的行为（v）比如一个手机，属性就是它的颜色，尺寸，大小 方法就是可以打电话，发短信。对象的作用：使代码结构更加清晰1 字面量的方式创建一个对象（普通创建对象）格式： var obj =｛ （属性名：值） uname：“翠花”， age：18， sex：“女”，方法(动作)=> sayHi ...
2021-06-20 11:22:58
52
原创 js0循环
循环1 while 循环while（判断条件）｛重复执行的代码 （切记不能写死循环）｝2 do ...while循环do｛重复执行的语句｝while（判断语句）起码会执行一次，如果下面判断条件满足，就继续执行3 for循环for（声明变量《定义计时器》,条件执行次数，循环执行代码）｛执行语句；｝for嵌套for（声明变量1《定义计时器》,条件执行次数，循环执行代码）｛for（声明变量2《定义计时器》,条件执行次数，循环执行代码）｛执行.
2021-06-10 23:27:31
143
原创 javascript最基础运用
JavaScript1 代码书写的方式行内式 a标签 ->在href后面直接添加 点我除a外，直接添加点击事件内部式 使用<script>来包裹js代码，可以写在<head> <body>中外部式 一般使用"js"为扩展名 在html页面中<script>标签来引入，里面src不能忘记例如：<script src="XX.js">2 注释ctrl+/单行 /* 多行注释*/3 输入框alert（'弹出框
2021-06-08 22:16:53
74
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人