- 博客(32)
- 收藏
- 关注
RSS订阅原创 因开发需求使用了el-popvoer，需要在其中自定义布局且点击布局中的按钮后关闭弹窗；
在网上搜索答案，发现可以使用element-plus中的ClikcOutside，便按官网中的步骤导入使用。所以使用:visible属性来控制是否显示，但又发现点击弹窗之外的地方不能再关闭弹窗。1、点击使用ClickOutside的元素以外的地方就会触发hidePop方法；2、在hidePop方法中将弹窗的状态变量赋值为false，来关闭弹窗。自己做个记录，也分享下解决办法，希望能帮到相同问题的同学。根据Vue使用自定义指令使用方式，在需要的元素上使用。经过漫长的试错，终于解决啦！
2024-03-06 16:35:19
447
1
原创 【解决】cannot spawn .git/hooks/pre-commit: No such file or directory
git 提交报错【解决】cannot spawn .git/hooks/pre-commit: No such file or directory。// ‘@vue/standard’ //注释掉就可以。执行命令行 npx husky install。关闭eslintrc提交验证。
2023-08-11 10:07:20
1078
转载 RuoYI打包好路由和静态资源路径错误问题
再vue.config.js文件中更改在这里插入代码片```module.exports = { // 部署生产环境和开发环境下的URL。 // 默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上 // 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.ruoyi.vip/admin/，则设置 baseUrl 为 /admin/。 publicPath
2022-03-21 17:20:18
3346
原创 三元运算符多条件判断 判断背景色 css样式
<div class="flag-c" :style="{'background':dataList.flag == 0 ? '#00b47c':(dataList.flag == 1) ?'#007ce6':(dataList.flag == 2) ?'#da3f3f': ''}"> <div class="flag-d" style="font-size: 22px;color: #fff;">{{dataList.tvoc}}</div> <div c
2022-03-18 17:08:07
3289
原创 取路由参数vue路由及普通路由
let queryParams = {}; let locationUrl = window.location.search; if (locationUrl.indexOf("?") !== -1) { let index = locationUrl.lastIndexOf("?"); let query = locationUrl.substring(index + 1, locationUrl.length); let arr =
2022-03-17 18:40:34
868
原创 Js 常用
对象获取所有的key以及value分别组成数组获取对象的所有的key组成一个数组:Object.keys(obj) // [obj.key1, obj.key2]获取对象所有的value组成一个数组:Object.values(obj) // [obj.value1, obj.value2]
2022-03-17 14:59:56
73
原创 RuoYi刷新页面404
RuoYi前后端分离版，前端页面刷新404首先更改创建路由的 router/index.jsexport default new Router({ mode: 'history', // 去掉url中的# t这是4.0的但是我的项目是3.0的咱不是应该看3.0的版本吗 base: '/ljkjcms2/ljkjcms/', // 这是路由的路径 因为他服务端nginx没配好 所以默认 比如说首页 默认在前面加上/ljkjcms2/ljkjcms/ 他就不会找不到路经了 scrollBeha
2022-03-10 15:49:48
6551
原创 uniapp uni-swipe-action 滑动删除
HBuilderX 插件市场直接搜 uni-swipe-action 导入项目即可<!-- 设施列表 --><view class="room-c" v-for="(item, index) in facilitiesList" :key="index" @click="onRoom(item)"> <uni-swipe-action> <uni-swipe-action-item :right-options="options" @click
2022-03-04 17:31:01
2124
原创 v-cli npm run build 打包加一层目录
1.需要修改的文件在项目目录下的config文件夹里的index.js文件中 build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 'static', assetsPublicPa
2022-02-21 15:53:39
2596
原创 v-cli4 npm run build 相对路径
在项目根目录下，和package.json同级的目录下，创建一个vue.config.js文件（不能是其他的名字）publicPath:’./ ’ 是解决相对路径的方法module.exports = { publicPath: './', configureWebpack: { resolve: { alias: { 'assets': '@/assets', 'common': '@/common', 'components
2022-02-21 13:42:19
817
原创 验证码操作
<template> <div> <el-main> <div class="center"> <div class="center-title">修改密码</div> <div class="center-content"> <div class="center-xx"><label>手机号</label><
2022-02-16 11:23:43
359
原创 卸载 vue-cli4.x
用命令 npm uni vue-cli -g和cnpm uni vue-cli -g 卸载 vue-cli4.x 提示：up to date in 0.027s再用 vue -V 查看发现 vue-cli 并未卸载成功，尝试指定版本卸载成功卸载npm uninstall -g @vue/cli 4.5.12
2022-02-10 10:06:10
1079
原创 图片转base64 验证码二维码前端渲染
封装的接口文件/** * 获取小程序二维码 */ qrCode: { def: { url: 'wx/qrcode', token: false, method: 'POST', baseURL: env.gatewaySso, responseType: 'arraybuffer',//重点 returnData: false, tgplm: false }, /** * 调用api * @param {object} {_bo
2022-02-09 11:02:00
905
转载 vue定时刷新及清除定时器
首先确认< router-view >外层是否有包裹了一层< keep-alive >如果有包裹：<template> <div> <keep-alive> <router-view /> </keep-alive> </div></template>在data中：data () { return { timer: null // 定
2022-01-27 16:16:27
4868
原创 uniapp 定时刷新数据
进入页面调用方法onShow() { let that = this this.onDevDetails() this.timer = setInterval(function() { that.onDevDetails() }, 3000)},离开页面销毁(跳转下一页)onHide() { if (this.timer) { clearInterval(this.timer); this.timer = null; }},返回上一页停止调用onUnload() {
2022-01-25 09:57:35
4126
原创 uniapp键盘弹出，页面内容被顶上去，解决办法
修改pages.json文件中，需要弹出键盘的页面的app-plus"app-plus": { "softinputMode": "adjustResize"}如下：// 添加基础设施 { "path": "pages/facilities/addfacilities", "style": { "navigationBarTitleText": "添加基础设施", "navigationBarBackgroundColor": "#2D91F0", "navigationBa
2022-01-24 16:56:13
5055
1
原创 Vue 动态绑定组件
Vue 动态绑定组件 <div class="client"> <component :params="showData" :is="currentTabComponent" ref="chart1"></component> </div> <script> import Linedata from '@/components/charts/Linedata.vue' import Histogram from '@/com
2022-01-24 16:46:11
1232
原创 uniapp仿美团左侧菜单栏
uniapp仿美团左侧菜单栏实现仿美团菜单页，效果图如下主题内容<template> <view class="deviceList"> <!-- 左侧菜单 --> <view class="findRoom-l"> <scroll-view scroll-y="true" style="background: #fff;"> <view class="scroll-item" @click="onScroll
2022-01-24 16:35:38
5270
5
原创 uniapp 小程序授权登录
（1）小程序端调用 wx.login方法获取用户登录凭证code，将code发送给小程序后台服务器;服务器调用登录凭证校验接口（需要传参appid+appsecret+code）,进而换取用户登录态信息，包括用户的唯一标识（openid）及本次登录的会话密钥（session_key）等，将这些信息存入缓存中。（2）点击button按钮触发获取微信手机号弹框!（3）绑定微信账号，存在相应手机号账号时自动登录；不存在时自动创建具体代码如下：<template> <view cla
2022-01-13 11:11:46
3192
2
原创 vue中子组件的created、mounted钩子获取不到props中的值
父组件<router-view ref="mychild" :setTree="setTree" :scheduleList='scheduleList'></router-view><script> export default { data() { return { setTree: [], } } }</script>子组件 props: { setTree: Array, }, data()
2022-01-12 15:11:25
846
原创 vue更改了数据但视图没有更新
vue更改了数据但视图没有更新this.$set(item, ‘isOpened 添加属性’, ‘none值’);案例：<view class="room-c" v-for="(item, index) in facilitiesList" :key="index" @click="onRoom(item)"></view>onRoom(item) { this.$set(item, 'isOpened', 'none'); console.log("消失"
2022-01-12 14:31:08
313
原创 uni-app 开发 ios底部安全区域(底部白色区域块)
iOS方案：使用原生占位（仅App端支持）uni官方论坛上有些方法很不错manifest.json 文件 源码视图 app-plus 节点下配下 safearea设置背景色"safearea": { "background": "#CCCCCC", //背景色 "bottom": { "offset": "auto" } }不设置背景色"safearea": { "bottom": { "offset": "non
2022-01-12 14:16:13
5348
原创 网站底部添加备案号和链接
<a style="color:#000" href="https://beian.miit.gov.cn/" target="_blank">ICP备案号</a>
2022-01-12 13:37:00
2875
原创 常用css
光标变成小手 cursor:pointer文字超出显示…一行 overflow: hidden;text-overflow: ellipsis;white-space: nowrap;两行 overflow: hidden; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;文字两端对齐 display: block;text-align: j
2022-01-12 11:52:18
69
原创 flex布局两端对齐space-between，解决最后一行不对齐
<template> <view class='item-c'> <view class='item'>ccc</view> <view class='item'>ccc</view> <view class='item'>ccc</view> <view class='item'>ccc</view> <view class='item'>ccc<
2022-01-12 11:41:09
1085
原创 Vue css最高优先级
.dialog **/deep/** .el-dialog__body { padding: 0!important; }
2022-01-12 09:43:29
2202
原创 公祭日页面样式变灰
html { height: 100%; FILTER: gray; -webkit-filter: grayscale(100%); }
2022-01-12 09:39:55
592
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人