解决Vue3 默认槽的非函数值 - Non-function value encountered for default slot 的警告 解决警告⚠️：[Vue warn]: Non-function value encountered for default slot. Prefer function slots for better performance.
vue3 template编译出来了的，并且出现了#document-fragment，里面的内容显示不出来解决方法 原因猜想：template也是一个html标签，可能为了区分原始的标签和vue的模板吧！3. 解决方法: 在vue3 template编译出来了的，并且出现了#document-fragment，里面的内容显示不出来解决方法template标签上加一个 v-if=“true”现在依然是在页面中没有显现出来，dom元素都没有存在。2. 往div里面再加点内容看看。
vue 接口请求下载文件 在api文件中的接口定义：export function downLoadFile (q) { return axios({ url: '/file/downLoadFile', method: 'get', params: q, responseType: 'blob' }) }下载按钮的调用方法：down(id) { downLoadFile({id}).then(res => { let blob = new
Object.keys() 返回值顺序 创建一个空的列表用于存放 keys将所有合法的数组索引按升序的顺序存入将所有字符串类型索引按属性创建时间以升序的顺序存入将所有 Symbol 类型索引按属性创建时间以升序的顺序存入返回 keys其中合法的数组索引 ，也即只有正整数才行，负数或者浮点数，一律当做字符串处理。严格来说对象属性没有数字类型的，无论是数字还是字符串，都会被当做字符串来处理。结合上面的规范，可以思考一下下面这段代码会输出什么：const testObj = {}testObj[-1] = ''testObj.
vscode 实用插件 Chinese (Simplified) Language Pack for Visual Studio Code设置中文显示open in browser从浏览器中查看html文件，使用系统的当前默认浏览器One Dark Pro设置vscode的颜色，这个颜色比默认的黑色更淡，对眼睛没有那么的刺眼Auto Close Tag自动补全html标签Auto Import自动导入包插件Auto Rename Tag重命名一个HTML / XML标签时，自动重命名配..
el-tree实现单选 实现之后的单选效果图：下面贴代码：结构：<el-input placeholder="输入关键字进行过滤" v-model="filterText"></el-input><el-tree class="filter-tree" :data="treeObj.optionList" :props="defaultProps" node-key="value" :check-strictly="true" default-expand
滚动条样式优化 我的是vue-element-admin项目搭建的，我在src/style/index.scss中加入下面样式::-webkit-scrollbar { width: 8px;}::-webkit-scrollbar-track { border-radius: 8px;}::-webkit-scrollbar-thumb { border-radius: 8px; background: #ddd;}::-webkit-scrollbar-thumb:hover{ bac
前端入职必备 一、安装vscodevsocode安装二、安装nodenode安装三、安装gitgit安装四、安装nvm前往这个github下载nvm-setup.zip五、安装nrmnpm install -g nrmnrm lsnrm use taobao六、安装Sourcetree下载安装sourcetree七、vscode插件Chinese (Simplified) Language Pack for Visual Studio Code设置中文显示open in brows
移动端线上调试工具 在项目index.html中加入这两行代码<script src="//cdn.bootcdn.net/ajax/libs/eruda/2.3.3/eruda.js"></script> <script>eruda.init();</script>
2021-07-02 我对闭包的理解：函数嵌套函数，里面的函数词法作用域能访问外部函数的内部作用域，然后把里面的函数本身当作一个值类型进行传递，（在上图中，我们就是将bar所引用的函数对象本身当作返回值）。并且我们通常会期待外部函数的整个内部作用域都被销毁，因为我们知道引擎有垃圾回收器来释放不再使用的内存空间。但是闭包的神奇之处正是可以阻止这件事情的发生，事实上内部作用域依然存在，因此没有被回收，里面的函数在使用这个内部作用域，然而里面函数对该作用域的引用就叫作闭包。其实身边有很多，比如定时器、事件监听器、Ajax请求.
JavaScript数字精度丢失问题的处理 理论上用有限的空间来存储无限的小数是不可能保证精确的，但我们可以处理一下得到我们期望的结果当你拿到 1.4000000000000001 这样的数据要展示时，建议使用 toPrecision 凑整并parseFloat转成数字后再显示，如下：parseFloat(1.4000000000000001.toPrecision(12)) === 1.4 // True封装成方法就是：function strip(num, precision = 12) { return +parseFloat(
等待一段时间继续执行-- setTimeout 前言我的业务场景：地址组件从脚本那里拿接口数据，如果表单有两个地址组件，两个地址组件同时加载，以致于第二个组件拿不到数据。所以得每100毫秒调用获取数据的方法，等到第一个组件地址api请求完，然后就有数据返回了。正文promise来包装一下setTimeout()来实现一个sleep()const sleep = function (time) { return new Promise((resolve) => setTimeout(resolve, time))}地址组件数据返回
inject 接收不到 provide 中的值 一、question？？？1. provide传值这个 layoutModel 在data中默认值是1，然后通过接口请求，改变它的值2. inject接收值此时父组件的值为3，但是inject接收到的值为1二、Why因为是接口请求更新数据，但provide在初始的时候就传了一个固定的初始值下去，所以下级组件接收到的是初始值，而不是更新后的值三、Answer在data定义的时候采用对象的形式，这样就是传一个地址过去 而不是一个固定的值...
VSCode配置新版i18n 在VSCode的插件搜索i18n安装好了之后，点击下图的扩展设置设置显示语言- zh指定要使用的框架支持- vue指定启用文件格式- js去掉启用命名空间的勾勾然后就好了，引用了i18n后变成下图这样这样不太习惯这个格式，就可以去掉刚刚配置里的-在路径原位显示翻译文案，而不是附加在末尾的勾勾最后就成这样啦，可读性更高...
el-input 设置数字框 使用el-input的type属性设置为number，结构为<el-input type="number" :controls="false" size="mini" min="0" max="30" v-model.number="addRuleForm.number"></el-input>但是设置成那个了，还有一个数量的控制键，有点小丑然后就通过了css去掉这个控制键.add-rule-dialog{ input::-webkit-ou
使用el-select时选中值改变但没有渲染变化 在el-select上绑定change方法，使用this.$forceUpdate()强制更新一下select<el-select v-model="value" @change="changeSelect" placeholder="请选择"> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.val
el-table动态合并表格，合并的表格行数是个变量--span-method 根据自己设定的规则，合并动态行数线上例子（可动态点击）：https://codepen.io/luoting249/pen/QWKKZPp下面是代码片段（可把代码粘贴到element在线运行上，可看到效果）：<script src="//unpkg.com/vue/dist/vue.js"></script><script src="//unpkg.com/element-ui@2.14.1/lib/index.js"></script><d
关注
