- 博客(1169)
- 资源 (68)
- 收藏
- 关注
RSS订阅原创 父组件通过props给子组件传值。明明值传过去了子组件却获取不到是为什么
我的父组件中有一个参数是接口给的。在接口给了数据后我想传给子组件直接使用。并且在子组件中使用了一个watch，监听props的值。这时候watch里面加了这是因为我watch加了immediate: true。导致当我走子组件的监听的时候。父组件还没有从接口中拿到值，所以子组件里面发现还没有props的这个值。解决办法就是在父组件上面加个v-if的判断。
2025-01-16 18:24:18
175
原创 element-plus的下拉框选中的内容没有高亮是为什么怎么解决？
我目前的解决办法是，还是单独的绑定一个元素。如果想获取id和name可以在change里面通过循环的找到选中的name是哪个，从而获取到当时的哪个id。我这里使用的element-plus。为了同时获取id和name我这里options的value绑定的是个对象。但是el-select的v-model却绑定的是个元素。正常的是有这样的效果的但是我的却没有高亮。placeholder="请选择"
2025-01-10 14:03:24
285
原创 element-plus的可搜索下拉框选中之后选中选项，切屏后再回来页面会自动获取焦点，然后下拉菜单自动弹出了
我有个可搜索的下拉。马上切屏再回到当前页面。不管你去点这个页面的什么。都会把刚才的哪个下拉再弹出。解决办法是再select的change事件里面添加一个失去焦点的方法。我使用的是vue3+element--plus。
2025-01-10 13:41:37
130
原创 12个移动端常见问题解决方案
移动端浏览器为了检测用户是否双击会有300ms延迟。iOS滚动到顶部或底部时的回弹效果影响体验。在高清屏幕下，1px的边框显示得比较粗。不同设备屏幕尺寸不一致导致的适配问题。微信浏览器中长按图片会出现保存选项。刘海屏、底部虚拟按键区域遮挡内容。软键盘弹出时可能遮挡输入框。弹窗出现时，背景仍可滚动。系统字体大小改变影响布局。大图片加载影响页面性能。默认滚动条样式不美观。移动端输入体验不佳。
2024-12-31 15:26:59
129
原创 element-plus的表单校验为什么有值缺还标红说没填校验不通过呢？
provinceCode: [{ required: true, message: "请选择", trigger: "blur" }]注意看model指定的参数和下面v-model绑定的不一致。必须是一样的才行啊。editForm.XXX参数名。下面的v-model必须是。如果你上面model是s。
2024-12-23 17:04:18
182
原创 vue项目使用element-plus的el-menu组件跳转到之前打开过的页面就不会重新访问接口。页面不会刷新
onActivated什么周期中使用。这样无论什么时候点击打开这个页面都会刷新页面。适用于个别页面需要刷新的情况。如果你想全局的无论什么时候打开页面都希望他重新请求就需要修改公共的一些路由配置的页面了。如果想要页面打开就访问接口。需要把接口的数据放在。
2024-12-23 16:16:20
238
原创 element-ui没有添加diabled属性但是希望他不能编辑
*没有添加disabled属性也不让他编辑*/和这个文章功能是一样的。但是换了一种思路解决。
2024-12-05 11:33:36
447
原创 element-ui radio和checkbox禁用时不置灰还是原来不禁用时的样式
把要紧用的内容加上一个class="notEdit-page"/*//checkBox自定义禁用样式*//*radio禁用样式*/
2024-12-05 11:32:34
349
原创 使用步骤引导Driver.js
Driver.js是一个轻量级的Javascript类库，可用于产品导览、亮点、上下文帮助等，从而一步一步地导览用户快速熟悉产品功能。
2024-11-27 14:42:35
219
原创 vue路由的几种模式。有什么区别
url上面会有#hash模式的主要原理就是，表现就是修改#后面的内容不会向服务器发送http请求，因此也不会重新加载页面。hash 模式打包后，直接在浏览器中打开 /dist/index.html 可以正常的访问。
2024-11-27 10:46:54
301
原创 element-plus动态判断表单是否是必填项。出错时显示的错误。在不是必填项时为什么还能显示
el-button type="primary" @click="handleSubmit" >确定</el-button>if(formData.subsidySign==1){//是民政补贴，补贴金额必须填。<el-radio :value="1">是</el-radio><el-radio :value="0">否</el-radio>但实际上点表单的提交是可以正常提交的。现在的问题时，默认是不可编辑的。但是我选择是之后自动校验提示了。<el-form-item label="是否民政补贴" >
2024-11-26 15:29:42
570
原创 前端安全和解决方案
提到这个我可能想到的就是不要暴露太多的账号密码信息。一些页面的请求和操作要加上权限。然后下面就详细的介绍前端可能遇到的安全问题以及解决方法。首先比较常见的前端的安全性问题就是跨站脚本攻击（XSS）。跨站请求伪造（csrf）攻击者通过在目标网站上注入恶意脚本，使之在用户的浏览器上运行。利用这些恶意脚本，攻击者可获取用户的敏感信息如 Cookie、SessionID 等，进而危害数据安全。比如：客将恶意JavaScript脚本长期保存在服务端数据库中，用户一旦访问相关页面数据，恶意脚本就会被执行。
2024-11-25 15:50:47
1033
原创 webstorm 打开prettier的项目代码后面会出现红色的波浪线
找到Editor下面的inspections ...按照图示取消勾选ESLint再点Apply ok。效果如图所有代码后面都有红色的波浪线。解决File-Settings。
2024-11-14 16:06:08
364
原创 element-plus表格内容如果在浏览器缩小时出现省略号时显示tooltip
这样就能保证内容不超过的时候不显示tootip。超过时鼠标经过就显示。show-overflow-tooltip="true"就可以啦。鼠标放在省略号文字上。，出现tooltip显示全部的内容。鼠标放在没有出现省略号的地方没有什么变化。label="疾病描述"
2024-11-14 14:15:30
420
原创 vue项目多入口文件。vue.config.js如何修改配置
我们知道vue项目是单入口。指定一个入口文件去加载他所有的依赖。如果我们希望他有多个入口文件怎么办呢？// build 生成的文件名称 例： dist/index.html。然后src下新增一个文件夹，用来放APP.vue和 main.js。然后修改vue.config.js。把他的pages改成2个入口。我们可以在public下面新建一个html的文件。// 页面的模板文件。
2024-11-11 13:57:30
345
原创 Vue.js 提供了一个事件系统，允许组件之间通过自定义事件进行通信
是 Vue.js 中用于在根元素上监听自定义事件的方法。通过合理使用这个方法，可以实现组件之间的通信和事件管理。在使用时，需要注意内存泄漏和事件命名规范。
2024-11-04 16:30:17
408
原创 vue-verify-plugin。vue项目表单验证插件
/验证student 分组v-verify指令也可使用 arg参数进行验证分组如果同时使用修饰符和arg分组 则arg会覆盖修饰符分组//验证student 分组。
2024-10-30 11:24:58
842
原创 webstrom编辑器中出现很多NBSP但是我去搜NBSP是没有的。复制这个编辑器中的NBSP粘贴发现这是个空格。怎么解决
（使用Unicode名称缩写来渲染特殊字符(如控制代码)）。再点击应用apply，确定ok。即使有这些看起来像是乱码的NBSP但是程序还是正常的。解决办法就是修改编辑器的设置。
2024-10-30 09:39:46
213
原创 uni-app微信小程序如何使用高德地图。通过经纬度获取所在城市，涉及到授权获取地理位置权限
如果在vue3项目种我们通过var amapFile = require('@/js_sdk/amap/amap-wx.130.js');location: '' + longitude + ',' + latitude + '',//location的格式为'经度,纬度'console.log('经度：' + res.longitude);console.log('纬度：' + res.latitude);fail: () => { //这里是用户拒绝授权后的回调。把他放到自己的项目里面。
2024-10-25 17:31:04
2706
2
原创 登录的时候密码使用crypto-js加密解密
@param {*} data 需要加密的数据。* @return {*} 返回加密后的数据。* @description: 加解密函数。* @param {*} key 加密密钥。然后新建一个js文件 crypto.js。// 导入 CryptoJS 模块。最后在页面导入之后使用。
2024-10-25 11:30:31
676
原创 uni-app小程序弹窗禁止弹窗下的页面滚动，可以添加 @touchmove.stop.prevent。但是加上之后弹窗里的内容就不可以滚动了。如果弹窗内容有滚动元素怎么处理呢？
这个是原生的小程序的写法。如果你使用uni-app开发的小程序。在弹窗的最外层view上面加上@touchmove.stop.prevent=""uni-app要改成这样@touchmove.stop.prevent。然后再滚动的地方加上scroll-view。注意一定要给他一个高度。
2024-10-24 17:17:30
929
原创 css 不管目录结构层级。父元素有很多块子元素，孙子元素。希望从左往右从上往下排列
开始我一直想要用flex布局。给wrap和section都加上了flex布局并且让他超过一行就换行。以为加上这个flex-wrap:wrap就万无一失了，但是发现flex就把一整块当做整体了。1234之后就会换行显示，根本不会跟着4后面。很显然不是我们想要的效果。正确的方法应该是不管他的层级给所有的item加上一个浮动就行了。我想要实现的效果如图。
2024-10-23 17:40:17
266
原创 json键值对组成的数组去重。
let checkList=[{name:'lili',age:'12'},{name:'lili',age:'12'},{name:'lili',age:'12',sex:'2'},{name:'miki',age:'12'}]//数组去重let uniqueArr =Array.from(new Set( checkList.map(JSON.stringify)), JSON.parse);checkList=uniqueArr;console.log(checkList)
2024-10-22 10:44:59
188
原创 css 如何根据子元素给他的父元素设置样式
'active' : 'unactive' }">子元素啊根据一个变量来加样式</div>其中能马上想到的就是：这个class的判断可以加在parent后面，但是如果不改变外层内容只是修改css呢。这个时候如何根据子元素来给这个parent加样式呢？这个时候我们可以用到:has。
2024-10-18 10:49:37
804
原创 element-plus的tab组件如何禁止点击。并且给禁止点击的加上置灰的样式
const nemuList = shallowRef([{ name: '申请', id: 0, component: Apply }, { name: '资料审核', id: 1, component: DataReview }, { name: '初评', id: 2, component: InitReview }, { name: '复评', id: 3, component: FinalReview } ]);//禁止点击的tab。label要写在插槽里。给禁止点击的tab添加上样式就行啦。
2024-10-16 15:33:23
597
原创 动态设置placeholder-class.默认搜索图标在中间获取焦点之后再左边！！！微信小程序iOS手机input placeholder设置 text-align: center 失效
input type="search" class="select-input" input-align="center" v-model.trim="searchVal" placeholder="请输入"placeholder-class的样式必须是写在全局样式中。.length>0确保输入内容但是失去焦点搜索图标要在左边。//搜索框是否获取焦点。获取焦点：placeholder和图标在左边光标前面位置。默认状态:placeholder和图标在中间位置。动态设置placeholder-class。
2024-10-12 11:13:17
438
原创 微信小程序不支持font-weight:500
小程序加粗不支持500.可以改成font-weight:700或者是font-weight:bold。只支持：normal、bold、bolder和lighter。比从父元素继承来的值更细 (处在字体可行的粗细值范围内)。比从父元素继承来的值更粗 (处在字体可行的粗细值范围内)。
2024-10-10 11:47:49
678
原创 微信小程序使用picker，数组怎么设置默认值
planIndex是选中的下标。默认如果数组没有-1.你让他默认等于-1以达到显示请选择的字样。结果就会导致弹框变成这样的状态。默认先显示请选择XXX。如果默认value是0的话，他就直接默认显示数组的第一个了。.label : '请选择'//试了默认给了-1.结果点开选项列表第一个之前多了一个空的选项。{ label: "生效", value: 0 },{ label: "完结", value: 1 },{ label: "中断", value: 2 },
2024-09-30 09:28:09
1085
原创 微信小程序使用scroll-view 加上enable-flex之后高度变得特别长
横向滚动给scroll-view标签加上了display:flex的样式后高度变得很长。或者给scroll-view下的标签加上height: fit-content;可以在设置align-items: flex-start;
2024-09-29 10:18:53
595
原创 微信小程序如何使用自定义的字体
let PingFang_url = 'https://wechat/static/font/苹方字体.ttf';console.log('加载字体失败', err)console.log('加载字体成功')在App.vue页面。
2024-09-27 10:44:34
790
原创 uni-app微信小程序 input type=password输入的为什么明文显示呢
需要加一个属性password="true"看官网这里密码的的形式和我们之前写的不一样。
2024-09-27 10:35:10
264
原创 uni-app如果自定义tabbar实现底部样式有凸起效果，背景带圆角
我们只要改下index.wxml和index. wxs的代码就行了。大部分可以参考这一篇文章。
2024-09-26 10:15:28
1266
原创 小程序弹出框是没办法遮挡住底部的tabbar的，解决的办法是使用自定义tabbar。。uni-app小程序如何自定义tabbar
我们知道uni-app里面的页面都是.vue的。直接粘贴上面原神的custom-tab-bar放在src的最外层。然后把里面的图片文字改成自己的就行了。但是如果你的tabbar图片想要自己设置宽高和位置，或者背景框相加圆角。这个方法还是不行的。必须使用自定义公共组件再每个页面引入的方式来写了。selected: 0 // selected根据tabbar数组里面的索引值来写的从0开始。为了保证每次点击显示的都是对应的页面还要在tabbar的这几个页面再加上。这个满足遮罩层挡不住tabbar的需求啦。
2024-09-26 09:13:36
809
原创 uni-app+vue3微信小程序怎么获取 this.getTabBar()
/ 获取当前页面实例。selected: 0 // selected根据tabbar数组里面的索引值来写的。
2024-09-25 17:25:43
538
原创 uni-app+vue3开发微信小程序使用本地图片渲染不出来报错[渲染层网络层错误]Failed to load local image resource
最后我把图片放在static文件夹下面。然后修改路径指向static就可以了。我把图片放在assets里面页面通过相对路径引入。
2024-09-25 14:55:11
694
原创 uni-app+vue3+pina实现全局加载中效果，自定义全局变量和函数可供所有页面使用
然后再pina里面保存这个 showLoading的值。showLoading:false,//loading是否显示。main.js定义全局组件。// 添加全局属性方法。首先自定义一个加载中组件。然后就可以在页面使用了。
2024-09-24 11:53:29
822
pdf.js插件实现在线预览pdf文件.zip
2020-08-25
1超齐全的方法layui的省市区。只知道name回填。只知道id回填.zip
2019-08-23
formSelects.zip
2019-07-29
超全基于layui得省市区三级联动插件.zip
2019-07-16
xlz基于layui的省市区三级联动.zip
2019-07-15
vue elmentui ueditor 数学公式 +新增自定义工具栏按钮 编辑器
2018-12-17
vue+elmentui+ueditor +数学公式 编辑器。完整版
2018-09-17
里面具有公式插件的一个ueditor编辑器
2018-09-07
vue项目模板。这是美容业的啊
2018-06-26
微信小程序多个视频合成一个播放。一个播放完自动在播放另一个。自定义视频进度组件
2022-07-01
mathml公式转为latex公式的前端插件
2020-10-14
vue+elmentui +ueditor编辑器 +数学公式 de 两个例子删除新增编辑器以及切换编辑器.zip
2020-09-23
vue+elmentui+ueditor +KityFormula数学公式 编辑器.zip
2020-09-22
uedotor引入tinymce-formal公式插件的例子的编辑器.zip Latex 公式在线可视化编辑器
2020-09-22
TinyCE结合插件MathType(wiris).zip
2020-09-22
tree第三层节点横向排列.vue
2020-06-18
gulp修改了的node_modules.zip
2020-06-10
一个跨域代理的例子.zip
2020-05-21
vue+vant的一个移动端的框架.zip
2020-05-20
ueditor.zip基于layer的ueditor编辑器，可以上传视频，音频，数学公式，自己添加的复杂公式比如矩阵方程组
2019-09-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人