<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[yy_demo的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/yy_demo</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; yy_demo]]></copyright><item><title><![CDATA[Vue动态绑定多个类名]]></title><link>https://blog.youkuaiyun.com/yy_demo/article/details/144244716</link><guid>https://blog.youkuaiyun.com/yy_demo/article/details/144244716</guid><author>yy_demo</author><pubDate>Wed, 04 Dec 2024 17:05:49 +0800</pubDate><description><![CDATA[我的div是通过循环得来的，循环的项的id要作为类名，并且根据循环的参数的长度，也要设置不同的类名，可以使用如下方法。]]></description><category></category></item><item><title><![CDATA[‌iframe使用百分比设置宽高不生效]]></title><link>https://blog.youkuaiyun.com/yy_demo/article/details/143901232</link><guid>https://blog.youkuaiyun.com/yy_demo/article/details/143901232</guid><author>yy_demo</author><pubDate>Wed, 20 Nov 2024 09:06:35 +0800</pubDate><description><![CDATA[为了适应不同的显示器，宽高不能直接写px，‌iframe之前我都是使用vw或者vh设置宽高，是可以生效的，但是这次我的左侧是有一个固定宽度的侧边栏，导致不能使用vw，我就想使用百分比，但是一直不生效。我找到一个方法可以很方便的使用百分比，使用子绝父相，就是给iframe的父盒子设置绝对定位，然后iframe加一个相对定位，百分比设置宽高就可以生效了。虽然找到了解决方法，但是为什么iframe使用百分比宽高补班生效的原因我也不知道。]]></description><category></category></item><item><title><![CDATA[uniApp实现APP内自更新]]></title><link>https://blog.youkuaiyun.com/yy_demo/article/details/142360197</link><guid>https://blog.youkuaiyun.com/yy_demo/article/details/142360197</guid><author>yy_demo</author><pubDate>Thu, 19 Sep 2024 15:12:52 +0800</pubDate><description><![CDATA[既然都已经到实现APP内自更新这一步，应该已经创建过应用了吧，如果没有创建的话，应用管理--我的应用--点击右上角的创建应用按钮先创建应用，创建完之后在应用列表，点击蓝色的应用名称，进入完善应用的基本信息。需要先实名认证，然后授权服务中心后新建一个服务中心，可以选择支付宝云、阿里云、腾讯云，可以根据自己的需求选择，如果是测试的话选择阿里云即可，阿里云是有免费的额度，一般测试是够用的。需要登录Dcloud的开发者中心，账号需要和HBuilder X的账号一致，五、应用内自更新的插件。]]></description><category></category></item><item><title><![CDATA[el-table自定义表头数据不更新]]></title><link>https://blog.youkuaiyun.com/yy_demo/article/details/139067420</link><guid>https://blog.youkuaiyun.com/yy_demo/article/details/139067420</guid><author>yy_demo</author><pubDate>Mon, 20 May 2024 15:57:27 +0800</pubDate><description><![CDATA[但是为什么会出现这个情况呢：原来是Vue在编译模板时，会对静态内容进行优化，将其提升为静态渲染，以提高性能。当我们用slot="header"来定义表头时，Vue会将其视为静态内容，不会进行响应式更新。动态插槽会被Vue处理为响应式的内容，当数据变化时，Vue会重新渲染插槽内容，并将其更新到对应的位置上。这样就实现了自动更新。显示是显示出来了，但是数据是最开始默认的，不会更新，后来我搜索到方法，说讲将slot=“header” 改成#header，改了之后的确可以显示了。]]></description><category></category></item><item><title><![CDATA[VUE中，图片正常显示但是触发了@error]]></title><link>https://blog.youkuaiyun.com/yy_demo/article/details/138959134</link><guid>https://blog.youkuaiyun.com/yy_demo/article/details/138959134</guid><author>yy_demo</author><pubDate>Thu, 16 May 2024 14:06:09 +0800</pubDate><description><![CDATA[后面终于发现问题所在，我的图片最开始的src是空的，请求回来数据之后才有的正确的src，但是页面最开始加载是在请求之前的，当时已经触发了@error，导致隐藏了图片，后来我在img上加上了 v-if，图片可以正常加载了。但是一个正常的图片链接还是触发了@error，我一开始不知道怎么回事，打印了图片的属性，发现图片的type为error。]]></description><category></category></item><item><title><![CDATA[el-form-item动态必填]]></title><link>https://blog.youkuaiyun.com/yy_demo/article/details/138219373</link><guid>https://blog.youkuaiyun.com/yy_demo/article/details/138219373</guid><author>yy_demo</author><pubDate>Fri, 26 Apr 2024 15:03:46 +0800</pubDate><description><![CDATA[有时候一个字段是否必填需要根据另一个字段的值确定，这时候就需要动态校验，动态校验是绑定在el-form-item上，代码如下。]]></description><category></category></item><item><title><![CDATA[el-select多选文字过长导致溢出]]></title><link>https://blog.youkuaiyun.com/yy_demo/article/details/138213026</link><guid>https://blog.youkuaiyun.com/yy_demo/article/details/138213026</guid><author>yy_demo</author><pubDate>Fri, 26 Apr 2024 11:12:11 +0800</pubDate><description><![CDATA[出现如上情况时，可以如下修改一下样式，max-width的大小可以根据你输入框的实际长度修改。]]></description><category></category></item><item><title><![CDATA[uniApp设置和清除定时器]]></title><link>https://blog.youkuaiyun.com/yy_demo/article/details/138076561</link><guid>https://blog.youkuaiyun.com/yy_demo/article/details/138076561</guid><author>yy_demo</author><pubDate>Mon, 22 Apr 2024 14:55:04 +0800</pubDate><description><![CDATA[在onHide或者是onUnload中销毁定时器，一般来说tabbar页面的切换会触发onHide，其他是onUnload，当然这也不是一定的，不确定的话可以先在这两个生命周期中console.log。首先是在data中定义一个变量，用来存放定时器。在适当的地方创建定时器。]]></description><category></category></item><item><title><![CDATA[el-table动态合并列]]></title><link>https://blog.youkuaiyun.com/yy_demo/article/details/137602193</link><guid>https://blog.youkuaiyun.com/yy_demo/article/details/137602193</guid><author>yy_demo</author><pubDate>Wed, 10 Apr 2024 16:39:54 +0800</pubDate><description><![CDATA[需要合并列，并且不确定需要合并多少列的，可以参照如下代码。首先需要再el-table上传入。]]></description><category></category></item><item><title><![CDATA[更改el-cascade默认的value和label的键值]]></title><link>https://blog.youkuaiyun.com/yy_demo/article/details/137587339</link><guid>https://blog.youkuaiyun.com/yy_demo/article/details/137587339</guid><author>yy_demo</author><pubDate>Wed, 10 Apr 2024 10:44:19 +0800</pubDate><description><![CDATA[后端返回的树结构中，label的key不是el-cascade默认的label，我需要改成对应的字段，但是一直没有成功，我也在文档中找到了说明，但是我没注意这是在props中改，导致一直不成功。]]></description><category></category></item><item><title><![CDATA[微信小程序被删除的文件一编译又回来了]]></title><link>https://blog.youkuaiyun.com/yy_demo/article/details/137103103</link><guid>https://blog.youkuaiyun.com/yy_demo/article/details/137103103</guid><author>yy_demo</author><pubDate>Thu, 28 Mar 2024 10:24:33 +0800</pubDate><description><![CDATA[因为我最开始创建错了，快捷创建了页面，右击新建page的时候会自动在app.json里面添加路径，但是我删除的时候没有删除pages里面的路径，而微信开发者工具又有一个默认的功能，就是在app.json的pages下面有相应的页面代码，那么编译的时候就会自动根据对应的页面代码生成wxss、wxml文件。一开始创建错了位置，就想着删除文件重新创建，但是没想到每次重新编译的时候，之前被删除的js、wsml文件就又回来了，后来发现是我在app.json中的pages里面的代码没有被删除。]]></description><category></category></item><item><title><![CDATA[npm ERR! code ETIMEDOUT 淘宝镜像过期]]></title><link>https://blog.youkuaiyun.com/yy_demo/article/details/136475899</link><guid>https://blog.youkuaiyun.com/yy_demo/article/details/136475899</guid><author>yy_demo</author><pubDate>Tue, 05 Mar 2024 13:16:14 +0800</pubDate><description><![CDATA[清理也清理了，也换了新的镜像，并且查询已经使用了最新的镜像还是不行，后来发现了一个方法，若有需要可以试一试。今天下载依赖的时候一直报错，搜索一番说是淘宝镜像过期的问题，我就试着换了新的镜像，重新下载仍旧疯狂报错。二、需要如上两次输入都为null，否则分别输入如下代码，一定要确保第一步的代码结果都为null。三、这个时候可以再切换最新的淘宝镜像。一、输入这两个代码看一下是否为空。然后就可以了，可以去下载依赖了。]]></description><category></category></item><item><title><![CDATA[uni-grid-item在小程序和APP中for循环不生效]]></title><link>https://blog.youkuaiyun.com/yy_demo/article/details/136449580</link><guid>https://blog.youkuaiyun.com/yy_demo/article/details/136449580</guid><author>yy_demo</author><pubDate>Mon, 04 Mar 2024 13:27:33 +0800</pubDate><description><![CDATA[如上图类型的代码在H5是可以正常生效的  但是在小程序和APP中不生效，我也没有搜索到答案，但是我最后一个格子是固定的，我发现是可以显示出来，所以我就排除了这个标签在APP或者小程序上不兼容的情况，既然单个的是可以展示的，我就试着在这个标签外面包一层标签然后循环好了，结果就显示出来了。]]></description><category></category></item><item><title><![CDATA[elementUI中table的row-class-name和cell-class-name]]></title><link>https://blog.youkuaiyun.com/yy_demo/article/details/135835998</link><guid>https://blog.youkuaiyun.com/yy_demo/article/details/135835998</guid><author>yy_demo</author><pubDate>Thu, 25 Jan 2024 09:27:13 +0800</pubDate><description><![CDATA[但是现在需求改变，觉得一整行都是这个颜色，不太好看，想要符合条件的行的指定列背景色改变，这时候可以使用cell-class-name的属性，写法都是差不多的，只不过cell-class-name的第一个参数的对象里面，是四个属性{row, column, rowIndex, columnIndex}，这个时候可以通过rowIndex和columnIndex同时去筛选出符合条件的添加指定样式。因为我使用的是scss，所以深度选择器用的是::v-deep，如果使用的是less，也可以用/deep/]]></description><category></category></item><item><title><![CDATA[element-ui表单验证时undefined (reading ‘validate‘)]]></title><link>https://blog.youkuaiyun.com/yy_demo/article/details/135595422</link><guid>https://blog.youkuaiyun.com/yy_demo/article/details/135595422</guid><author>yy_demo</author><pubDate>Mon, 15 Jan 2024 10:42:09 +0800</pubDate><description><![CDATA[到这里我终于找到原因了，因为我在created时期就调用了serch方法，但是这个时期无法直接拿到DOM的，所以会报错，可以换成在mounted时期去调用，或者在created时期使用$nextTick去调用。2、el-form-item我是加了prop的，并且和rules中的名称一致。1、el-form中我定义了ref，并且ref前面也是没有加冒号的。2、el-form中也绑定了rules，并且rules前面加了冒号。我搜索了一下，大部分都是说不仔细造成的，但是我一一对照了。]]></description><category></category></item><item><title><![CDATA[端口占用Identify and stop the process that‘s listening on port 8083 or configure this application to lis]]></title><link>https://blog.youkuaiyun.com/yy_demo/article/details/135009073</link><guid>https://blog.youkuaiyun.com/yy_demo/article/details/135009073</guid><author>yy_demo</author><pubDate>Fri, 15 Dec 2023 09:39:41 +0800</pubDate><description><![CDATA[二、netstat -aon|findstr "8083"查看指定端口被占用情况，获取到对应的pid，如果直接输入netstat -aon获取的是所有的端口号的占用情况。三、可以直接在资源管理器输入taskkill /pid 8083 /f关闭进程，也可以在任务管理器搜索pid关闭进程。有时候项目的异常退出会导致进程未结束，这时候idea再次运行该项目会提示端口号被占用。一、这时候可以先win+R，再输入cmd，进入资源管理器。]]></description><category></category></item><item><title><![CDATA[el-select初始化触发change事件]]></title><link>https://blog.youkuaiyun.com/yy_demo/article/details/134976739</link><guid>https://blog.youkuaiyun.com/yy_demo/article/details/134976739</guid><author>yy_demo</author><pubDate>Wed, 13 Dec 2023 17:08:40 +0800</pubDate><description><![CDATA[后来我发现添加了multiple(开始多选)就会在初始化的时候触发校验，可以理解为如果v-modle绑定的对象的键初始值没有设置，默认是underfind的，但是添加了multiple默认需要绑定的是一个数组，所以会触发change事件。我今天在写一个表单校验的时候，两个下拉框，都用的el-select控件，其中一个校验是正常的，另一个页面初始化的时候就会触发校验。只需要设置当前属性的初始值为空数组即可。]]></description><category></category></item><item><title><![CDATA[通过vue-cropper实现图片预览以及滚轮控制图片大小]]></title><link>https://blog.youkuaiyun.com/yy_demo/article/details/134955498</link><guid>https://blog.youkuaiyun.com/yy_demo/article/details/134955498</guid><author>yy_demo</author><pubDate>Tue, 12 Dec 2023 17:58:27 +0800</pubDate><description><![CDATA[是不是很简单，实际使用就这几行代码，img绑定一下图片的路径即可，样式看个人喜好。二、第引入，我是直接在单页面引入的，因为我暂时没有其他地方需要用到。本来是准备自己写的，但是可以更便捷的实现这个效果为什么不用呢。一、第一步肯定是下载依赖。]]></description><category></category></item><item><title><![CDATA[CSS实现鼠标移动到图片上显示遮罩层效果]]></title><link>https://blog.youkuaiyun.com/yy_demo/article/details/134940769</link><guid>https://blog.youkuaiyun.com/yy_demo/article/details/134940769</guid><author>yy_demo</author><pubDate>Tue, 12 Dec 2023 09:30:23 +0800</pubDate><description><![CDATA[然后遮罩层用定位的方式，定在图片上，设置好背景色和大小，一开始的时候透明度opacity设置为0，这样就看不到上面的遮罩层。这是一张图片，我希望鼠标移动到上面的时候显示一个遮罩层，层级上有两个按钮，一个查看，一个删除。首先是要写一个大盒子包裹两个部分，一个是图片部分，一个是遮罩层部分，然后再用CSS样式控制。然后当鼠标移动到图片上的时候，将遮罩层的透明度设置不为0，这样遮罩层就显示出来了。]]></description><category></category></item><item><title><![CDATA[div换行 (边界换行)]]></title><link>https://blog.youkuaiyun.com/yy_demo/article/details/134873926</link><guid>https://blog.youkuaiyun.com/yy_demo/article/details/134873926</guid><author>yy_demo</author><pubDate>Fri, 08 Dec 2023 11:21:54 +0800</pubDate><description><![CDATA[我今天写表格的时候遇到一个问题，明明第一行还没有满就自动换行到下一行，但是我并不希望这样。经过我的一番搜索，我学会了一个新属性。所有主流浏览器都支持 word-break 属性。但 Opera 不支持 word-break 属性。keep-all：只能在半角空格或连字符处换行。normal：使用浏览器默认的换行规则。break-all：允许在单词内换行。]]></description><category></category></item></channel></rss>