项目实战
晚风吹心事
来点干货吧,直面问题答案
展开
-
vant 使用deep修改样式不好使解决方案
【代码】vant 使用deep修改样式不好使解决方案。原创 2022-11-19 17:57:41 · 1113 阅读 · 0 评论 -
svg修改图标颜色
我们可以在style中设置fill:#00A0FF。原创 2022-08-15 14:42:45 · 654 阅读 · 8 评论 -
前端网页自动刷新的3种方法
1.页面自动刷新把如下代码加入区域中。2.页面自动跳转把如下代码加入区域中。3.页面自动刷新js版。原创 2022-07-27 15:43:37 · 10696 阅读 · 1 评论 -
关闭页面时向后台发送消息
不管是刷新页面还是关闭页面,后台都能接收到前端发送过来的请求,完美实现需求。当用户代理成功把数据加入传输队列原创 2022-07-27 15:29:44 · 729 阅读 · 2 评论 -
项目自适应cssrem + flexable.js
先要安装下这个插件,可以将px转化为rem,默认是16px,也可以手动设置修改。2.输入settings.json,选择图中标出的json。1.Ctrl+Shift+p打开命令面板。具体文件可去官网下载。原创 2022-07-26 15:31:57 · 695 阅读 · 1 评论 -
vue 修改当前网页标题
vue 直接修改当前页面标题原创 2022-06-11 18:54:42 · 540 阅读 · 1 评论 -
鼠标移入标签上时展示所有内容
一般在文本做完超出...样式处理后,想要鼠标移入时提示所有内容可用此方法。<p title="全部内容">全部...</p>注:title里是要展示的所有内容,不限于P标签,很多标签都可以使用。原创 2022-04-13 11:52:41 · 2430 阅读 · 2 评论 -
vue-treeselect插件
npm install @riophae/vue-treeselect --save //安装import Treeselect from '@riophae/vue-treeselect' //导入import '@riophae/vue-treeselect/dist/vue-treeselect.css' //导入components: { Treeselect } //定义<treeselect:options="orgData" //接口请求回来的数据fiel...原创 2022-03-23 15:04:31 · 1225 阅读 · 2 评论 -
Select下拉框只显示上次选中的值
<template> <Select v-model="model1" style="width:200px"> <Option ref="selectType" v-for="item in cityList" :value="item.value" :key="item">{{ item.label }} </Option> </Select><.原创 2022-02-18 14:42:13 · 625 阅读 · 1 评论 -
setTimeout 与 setInterval
const timer1 = setTimeout(function () { this.newsPres = false }, 3000) clearTimeout(timer1)原创 2022-02-11 16:35:18 · 404 阅读 · 0 评论 -
apipost接口测试
1.首先要 新建——项目2. 要开启全局cookie,便于后续接口享有登录权限3.测试一下登录接口4.后面就可以测试别的接口了原创 2022-02-10 15:31:04 · 626 阅读 · 3 评论 -
Promise.all或者Promise.race处理并发请求
Promise.all处理请求时全部成功,才会成功,否则失败。顺序是从前到后Promise.race 处理请求时有一个请求成功,就会成功。哪个快就先返回哪个 模板: let 创建的变量 = 导入的接口组件.组件内封装的接口名字('上传的参数') let num1 = interfaceFile.role('aaa') let num2 = interfaceFile.role('bbb') Promise.all([num1, num2]).then(res => { /.原创 2022-01-24 16:54:57 · 980 阅读 · 2 评论 -
regular 正则校验
const validateNumber = (rule, value, callback) => { //script中定义 if (!/^[.0-9]+$/.test(value)) { // /^[.0-9]+$/ 是正则 return callback(new Error('请输入数字')) } else { callback() } } ruleValidate: { //data - return中 'ubs_...原创 2022-01-19 15:04:59 · 586 阅读 · 1 评论 -
本地存储(Application)
JSON.parse(window.localStorage.getItem("userInfo")).userId原创 2021-12-30 10:45:15 · 589 阅读 · 0 评论 -
v-for循环给某个item添加点击事件
<template> <view class="bread" v-for="(item, index) in nodePathArray" :key="index" @click='HandleClick(item)'> {{item.name}} </view></template> methods:{ HandleClick(index){ //点击事件 if..原创 2021-12-20 18:29:01 · 1834 阅读 · 0 评论 -
vue中快速刷新当前页面
第一种location.reload()第二种this.$router.go(0)原创 2021-12-20 12:07:24 · 134 阅读 · 0 评论 -
v-for循环某个item添加样式
<template> <view class="bread" v-for="(item, index) in nodePathArray" :key="index"> {{item.name}} </view></template> <style scoped lang="less"> .bread:nth-child(n){ cursor: pointer; }.原创 2021-12-20 12:04:30 · 456 阅读 · 0 评论 -
vue中Select支持模糊搜索 ( iview )
<Form-item label="厂商名称" prop='vendor_id'> <Select v-model="formRight['vendor_id']" :transfer="true" filterable multiple> <Option v-for="(item, index) in vendors" :value="item.id" :key="index"> {{item...原创 2021-12-18 09:57:15 · 1097 阅读 · 0 评论 -
Math 操作数值
1.丢弃小数部分,保留整数部分 parseInt(11/3)2.向上取整,有小数就整数部分加1 Math.ceil(11/3)3.四舍五入 Math.round(11/3)4.向下取整 Math.floor(11/3)5.生成随机数 Math.random()*10 随机数0-9...原创 2021-12-12 18:16:18 · 346 阅读 · 0 评论 -
for...of判重
for (const item of this.duplicateRemoval) { if (item.user_id === sendData['user_id'] && item.cloud_resource_pool_id === sendData['cloud_resource_pool_id']) { this.$Message.success('请勿重复添加') retur...原创 2021-12-12 18:10:47 · 310 阅读 · 0 评论 -
Vue 字符串与Json对象、数组之间的转换
一.Json字符串转换为json对象二.字符串与数组之间的相互转换原创 2021-12-12 18:08:07 · 3350 阅读 · 1 评论 -
javascript小数取整
1.丢弃小数部分,保留整数部分js:parseInt(7/2)2.向上取整,有小数就整数部分加1js: Math.ceil(7/2)3,四舍五入.js: Math.round(7/2)4,向下取整js: Math.floor(7/2)5.生成隨機數js:Math.random()*10 0-9的隨機數...原创 2021-11-30 18:04:19 · 280 阅读 · 0 评论 -
数组对象之间的简易转换
数组转对象var obj = Object.assign({}, 数组)对象转数组1. Object.keys(obj) -----根据对象的键形成的数组(常用)2. Object.entries(obj) ---- 根据对象的键值对形成的数组3. Object.values(obj)----根据对象的值形成的数组...原创 2021-11-30 11:13:35 · 211 阅读 · 0 评论 -
数组对象通过filter+findIndex去重
this.tableList = this.tableList.result.filter((value, index, array) => { return array.findIndex(item => item.user_name === value.user_name) === index })原创 2021-11-29 19:52:32 · 479 阅读 · 0 评论 -
catch捕获错误,并获取response中返回的数据
.catch(error => { this.$Notice.warning({ title: '保存失败', desc: '失败错误码: ' + error.response.data.message }) this.loading = false})原创 2021-11-29 19:25:18 · 2406 阅读 · 0 评论