<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[那朵花的博客]]></title><description><![CDATA[好记性，不如烂笔头 (੭ु ›ω‹ )੭ु⁾⁾♡]]></description><link>https://blog.youkuaiyun.com/yanmuchen</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; yanmuchen]]></copyright><item><title><![CDATA[typescript通过ref获取子组件数据报错]]></title><link>https://blog.youkuaiyun.com/yanmuchen/article/details/130259365</link><guid>https://blog.youkuaiyun.com/yanmuchen/article/details/130259365</guid><author>yanmuchen</author><pubDate>Thu, 20 Apr 2023 09:51:00 +0800</pubDate><description><![CDATA[【代码】typescript通过ref获取子组件数据报错。]]></description><category></category></item><item><title><![CDATA[typescript引入js文件报错：Could not find a declaration file for module ‘@/utils/yd/utils‘.]]></title><link>https://blog.youkuaiyun.com/yanmuchen/article/details/130245174</link><guid>https://blog.youkuaiyun.com/yanmuchen/article/details/130245174</guid><author>yanmuchen</author><pubDate>Wed, 19 Apr 2023 15:25:07 +0800</pubDate><description><![CDATA[将文件引入方式：import { xxx } from '@/utils/yd/utils'修改为：import { xxx} from '@/utils/yd/utils.js']]></description><category></category></item><item><title><![CDATA[Element的Notification通知自定义样式&手动关闭&直接渲染带html格式的字符串]]></title><link>https://blog.youkuaiyun.com/yanmuchen/article/details/124422058</link><guid>https://blog.youkuaiyun.com/yanmuchen/article/details/124422058</guid><author>yanmuchen</author><pubDate>Tue, 26 Apr 2022 11:02:05 +0800</pubDate><description><![CDATA[效果图：





功能点1：弹窗需要自定义样式，例如实现滚动条展示多条数据

答：其实简单的自定义样式可以使用官网提供的：message 属性支持传入 HTML 片段



不过我用的是createElement，这个的使用方法具体用法可以参考这篇博客：

[Vue]createElement参数 - vickylinj - 博客园



功能点2：渲染数据的时候不能，挤在一起，而要能将数组里的数据换行显示

答：后端返回的数据是一个数组类型，所以我需要将数组遍历出来加上换行符号&lt;/br&gt;,.]]></description><category></category></item><item><title><![CDATA[解决vue-photo-preview图片点击没反应，无法放大查看问题]]></title><link>https://blog.youkuaiyun.com/yanmuchen/article/details/122472857</link><guid>https://blog.youkuaiyun.com/yanmuchen/article/details/122472857</guid><author>yanmuchen</author><pubDate>Thu, 13 Jan 2022 14:28:09 +0800</pubDate><description><![CDATA[方法一：同网上大多数博客写的方法一样，异步请求图片，在数据返回之后加上这个


this.$previewRefresh()

方法二：当多张图片使用方法一不奏效的时候，检查下preview属性，是否是相同的值。preview有重复值，比如v-for遍历多张图片，但是我每张都设置为 :preview="1",这样无论如何点击哪张都没反应。所以我改为不同的值，就OK了！虽然暂时不知道为何分为同一组会出现这种BUG。






...]]></description><category></category></item><item><title><![CDATA[element的Loading 加载设置“加载“的位置始终居中]]></title><link>https://blog.youkuaiyun.com/yanmuchen/article/details/121933654</link><guid>https://blog.youkuaiyun.com/yanmuchen/article/details/121933654</guid><author>yanmuchen</author><pubDate>Tue, 14 Dec 2021 17:56:45 +0800</pubDate><description><![CDATA[问题描述，给页面设置加载中的样式，但是由于数据量很大，数据在逐步渲染的同时，页面高度也随之变高，出现竖向滚动条，这时候的加载中的那个“圈圈”也跟着页面滚走了，显示如下





解决办法：我是投机取巧的方法，如果有更好的方法，欢迎留言告诉我~

首先，我设置一个没什么用的div，然后让它的高度和宽度正好盖住页面；

然后，将v-loading的事件放在这个div上，将div的设为position: absolute，这样不占用空间，不影响页面其他布局

注意，高度要动态获取，不然换一个显示器，就不能刚好完.]]></description><category></category></item><item><title><![CDATA[解决vue-codemirror编辑器需要点击一下才显示数据问题]]></title><link>https://blog.youkuaiyun.com/yanmuchen/article/details/121930754</link><guid>https://blog.youkuaiyun.com/yanmuchen/article/details/121930754</guid><author>yanmuchen</author><pubDate>Tue, 14 Dec 2021 16:57:52 +0800</pubDate><description><![CDATA[bug描述：codemirror的数据已经赋值成功了，但是初始状态不渲染数据，需要点击编辑框获取焦点后才展示，如下





百度了很多答案都是：设置一个setTimeout延时手动刷新下


&lt;codemirror 
    v-model="value" 
    :options="cmOption" 
    ref="myCodemirror"&gt;
&lt;/codemirror&gt;


setTimeout(() =&gt; {
    
    this.$refs.myCo..]]></description><category></category></item><item><title><![CDATA[el-upload多文件一次性上传(携带json)，自定义上传事件(手动上传），不使用action属性上传]]></title><link>https://blog.youkuaiyun.com/yanmuchen/article/details/121614961</link><guid>https://blog.youkuaiyun.com/yanmuchen/article/details/121614961</guid><author>yanmuchen</author><pubDate>Mon, 29 Nov 2021 19:08:52 +0800</pubDate><description><![CDATA[element  el-upload  多文件上传  ]]></description><category></category></item><item><title><![CDATA[Element ui table展开行中自定义有的行展开，有的行不展开]]></title><link>https://blog.youkuaiyun.com/yanmuchen/article/details/116117710</link><guid>https://blog.youkuaiyun.com/yanmuchen/article/details/116117710</guid><author>yanmuchen</author><pubDate>Sun, 25 Apr 2021 10:19:09 +0800</pubDate><description><![CDATA[实现的效果图：



思路：通过自定义表格行样式，将不需要展开的展开箭头隐藏！

注意：不是visibility: hidden;因为这样只是看不见展开箭头，点击事件还在，依然会被展开，需要使用：display: none

关键代码：

给表格设置:row-class-name="isShowExpend"



完整代码：


      &lt;el-table :data="requestData" style="width: 100%" :row-class-name="isShowExpend"]]></description><category></category></item><item><title><![CDATA[vue-cli3中使用mock（实际项目中快速搭建）]]></title><link>https://blog.youkuaiyun.com/yanmuchen/article/details/109308560</link><guid>https://blog.youkuaiyun.com/yanmuchen/article/details/109308560</guid><author>yanmuchen</author><pubDate>Tue, 27 Oct 2020 12:39:19 +0800</pubDate><description><![CDATA[整体项目结构如下：下载地址



1.安装axios




npm install axios

在main.js中配置
import axios from 'axios';
Vue.prototype.axios = axios;











2.安装mockjs




npm install mockjs --save-dev

3.安装mocker-api




npm install mocker-api --save-dev

4.在项目根目录创建mock文件夹，配置请求的数据..]]></description><category></category></item><item><title><![CDATA[element 时间选择器时间跨度设置 2天]]></title><link>https://blog.youkuaiyun.com/yanmuchen/article/details/109207165</link><guid>https://blog.youkuaiyun.com/yanmuchen/article/details/109207165</guid><author>yanmuchen</author><pubDate>Wed, 21 Oct 2020 18:42:07 +0800</pubDate><description><![CDATA[直接上代码叭


&lt;el-date-picker
   v-model="dateParam"
   type="datetimerange"
   :picker-options="pickerOptions"
&gt;
 &lt;/el-date-picker&gt;


export default {
  data() {
    return {
      timeOptionRange: '',
      pickerOptions: { // 时间跨度限制为2天
        on]]></description><category></category></item><item><title><![CDATA[moment.js常用的方法总结]]></title><link>https://blog.youkuaiyun.com/yanmuchen/article/details/109203192</link><guid>https://blog.youkuaiyun.com/yanmuchen/article/details/109203192</guid><author>yanmuchen</author><pubDate>Wed, 21 Oct 2020 15:53:26 +0800</pubDate><description><![CDATA[《moment.js》1.获取当前时间往前的时间
1.获取当前时间往前的时间
moment().format("YYYY-MM-DD HH:mm:ss"); //当前时间

moment().subtract(10, "days").format("YYYY-MM-DD"); //当前时间的前10天时间

moment().subtract(1, "years").format("YYYY-MM-DD"); //当前时间的前1年时间

moment().subtract(3, "months").forma]]></description><category></category></item><item><title><![CDATA[Element问题汇总]]></title><link>https://blog.youkuaiyun.com/yanmuchen/article/details/109156477</link><guid>https://blog.youkuaiyun.com/yanmuchen/article/details/109156477</guid><author>yanmuchen</author><pubDate>Mon, 19 Oct 2020 11:03:26 +0800</pubDate><description><![CDATA[《Element问题汇总》1.el-menu页面内控制激活的菜单$router.path :default-active
------------------------------------------❀持续更新❀---------------------------------------------------------
1.el-menu页面内控制激活的菜单$router.path :default-active
需求：页面内进行路由跳转，依然保持菜单项的选中状态
实现：将default-act]]></description><category></category></item><item><title><![CDATA[Element的MessageBox 弹框如何自定义图标]]></title><link>https://blog.youkuaiyun.com/yanmuchen/article/details/105996316</link><guid>https://blog.youkuaiyun.com/yanmuchen/article/details/105996316</guid><author>yanmuchen</author><pubDate>Fri, 08 May 2020 15:57:59 +0800</pubDate><description><![CDATA[需求：修改弹框的小图标为自己想要的，如下是element自带

首先，复制一段element的官方代码作为演示
&lt;template&gt;
  &lt;el-button type="text" @click="open"&gt;点击打开 Message Box&lt;/el-button&gt;
&lt;/template&gt;

&lt;script&gt;
  export defa...]]></description><category></category></item><item><title><![CDATA[微信小程序]]></title><link>https://blog.youkuaiyun.com/yanmuchen/article/details/104495310</link><guid>https://blog.youkuaiyun.com/yanmuchen/article/details/104495310</guid><author>yanmuchen</author><pubDate>Tue, 25 Feb 2020 14:08:35 +0800</pubDate><description><![CDATA[《微信小程序》1-1:微信小程序的介绍01.‘微信开放平台’ 与 ‘微信公众平台’02.什么是小程序03.小程序中的组件和API04.注册小程序开发账号
------------------------------------------❀持续更新❀---------------------------------------------------------
1-1:微信小程序的介绍
01.‘...]]></description><category></category></item><item><title><![CDATA[解决使用ESLint后出现的报错：当代码中的双引号、分号、空格不符合规范]]></title><link>https://blog.youkuaiyun.com/yanmuchen/article/details/104101927</link><guid>https://blog.youkuaiyun.com/yanmuchen/article/details/104101927</guid><author>yanmuchen</author><pubDate>Tue, 28 Jan 2020 20:04:20 +0800</pubDate><description><![CDATA[所有配置修改完后需重启生效！

问题：

vue-cli构建的项目默认启用ESLint进行代码检测，凡是不符合它规范的就会报错，但是vscode代码格式化中的有些规则和ESLint规则相反！

例如：

情况一：你按ESLint的规则写的代码是这样的 ↓



但是当你使用vscode 的格式化功能后 ↓



然后出现报错 ↓



解决办法：在项目根目录创建.prettierrc 文件...]]></description><category></category></item><item><title><![CDATA[vue-cli4.x中vue.config.js配置解决js文件注释出现报错问题]]></title><link>https://blog.youkuaiyun.com/yanmuchen/article/details/104100039</link><guid>https://blog.youkuaiyun.com/yanmuchen/article/details/104100039</guid><author>yanmuchen</author><pubDate>Tue, 28 Jan 2020 15:34:27 +0800</pubDate><description><![CDATA[问题：

解决办法：

在项目中的vue.config.js文件中，添加配置如下，配置好后重启生效


lintOnSave: false//是否开启eslint保存检测 ,它的有效值为 true || false || 'error'

附：如果没有vue.config.js文件，直接在项目根目录创建一个就行，如下




...]]></description><category></category></item><item><title><![CDATA[vue.js/webpack/vue-cli/vuex知识点]]></title><link>https://blog.youkuaiyun.com/yanmuchen/article/details/104054476</link><guid>https://blog.youkuaiyun.com/yanmuchen/article/details/104054476</guid><author>yanmuchen</author><pubDate>Tue, 21 Jan 2020 17:08:56 +0800</pubDate><description><![CDATA[第一章 vue基础
1-1 vue的指令
01.v-cloak指令用法
02.v-cloak和v-text的区别
03.什么是双向数据绑定，双向绑定的使用场景
04.事件函数的调用，事件函数参数传参
05.事件修饰符
06.常用按键修饰符
07.表单域修饰符用法
第二章 webpack
01.webpack指令
02.webpack益处
第三章 vue-cli（vue脚手架）
01.安装与查看版本号
02.创建vue项目的方式一：基于交互式命令行
03.创建vue项目的方式二：基于图形化界面
04.分析项]]></description><category></category></item><item><title><![CDATA[CSS/CSS3知识点]]></title><link>https://blog.youkuaiyun.com/yanmuchen/article/details/103979037</link><guid>https://blog.youkuaiyun.com/yanmuchen/article/details/103979037</guid><author>yanmuchen</author><pubDate>Tue, 14 Jan 2020 20:06:47 +0800</pubDate><description><![CDATA[《前端开发基础---CSS/CSS3》1.字体大小注意事项
1.字体大小注意事项
p { 
 font-size: 20px; 
}

 px（像素）大小是我们网页的最常用的单位
 谷歌浏览器默认的文字大小为16px
 不同浏览器可能默认显示的字号大小不一致，我们尽量给一个明确值大小，不要默认大小
 可以给 body 指定整个页面文字的大小

...]]></description><category></category></item><item><title><![CDATA[HTML/HTML5知识点]]></title><link>https://blog.youkuaiyun.com/yanmuchen/article/details/103877398</link><guid>https://blog.youkuaiyun.com/yanmuchen/article/details/103877398</guid><author>yanmuchen</author><pubDate>Tue, 07 Jan 2020 17:16:36 +0800</pubDate><description><![CDATA[01.浏览器内核
02.Web标准的构成
03.html基本结构含义
04.锚点链接：快速定位到页面中的某个位置
05.常用特殊字符：空格/大于号/小于号
06.自定义列表的应用场景
07.lable标签的for属性]]></description><category></category></item><item><title><![CDATA[优秀技术博客收藏]]></title><link>https://blog.youkuaiyun.com/yanmuchen/article/details/103785017</link><guid>https://blog.youkuaiyun.com/yanmuchen/article/details/103785017</guid><author>yanmuchen</author><pubDate>Tue, 31 Dec 2019 16:29:49 +0800</pubDate><description><![CDATA[在开发过程中，遇到一些疑惑不解的地方，总能遇到一些很好的答疑解惑的文章，所以收藏一下✌

持续更新..............


	css-清除浮动的原理与方法
	
	
	函数节流与函数防抖的理解
	
	
	前端开发规范
	
	
	ECMAScript 6 入门
	
	
	标准盒模型和怪异盒模型的差异
	
	
	Vue 中 $nextTick() 讲解
	
	
	vue组件间通信的6种方式，并提...]]></description><category></category></item></channel></rss>