Element UI导航菜单(NavMenu),动态多级菜单实现
Deshun 发布于 6年前 (2020-12-23) 3666℃ 赞 (1)
今天同事封装一个导航栏的组件,使用的 Element UI 的 NavMenu 组件。遇到一个问题,如果菜单没有下拉是 <el-menu-item /> 标签,而有下拉的是 <el-submenu /> 标签。在循环遍历的时候就出了问题,必须要判断一下是否有二级菜单,并区分展示。使用 div 包裹,改变组件的标签结果,就会导致报错,无...
Deshun 发布于 6年前 (2020-12-23) 3666℃ 赞 (1)
今天同事封装一个导航栏的组件,使用的 Element UI 的 NavMenu 组件。遇到一个问题,如果菜单没有下拉是 <el-menu-item /> 标签,而有下拉的是 <el-submenu /> 标签。在循环遍历的时候就出了问题,必须要判断一下是否有二级菜单,并区分展示。使用 div 包裹,改变组件的标签结果,就会导致报错,无...
Deshun 发布于 6年前 (2020-12-23) 2234℃ 赞 (2)
一般获取 input 的值,直接使用 $('input').val() 就可以了。但是像 checkbox 、 radio 之类的标签是不行的。需要获取选中状态的 value 值。获取 checkbox 和 radio 的值:$("input[name='sex']:checked").val()...
Deshun 发布于 6年前 (2020-12-19) 2484℃ 赞 (1)
自动创建文件注释,可以在团队开发中起到非常重要的作用,团队成员可以通过注释清晰的知道文件的创建时间作者等信息,方便后期维护和迭代。我现在用的是 PhpStorm 做开发,理论上该方法适用于 IDEA、WebStorm 等 jetbrains 公司旗下所有的开发工具。设置...
Deshun 发布于 6年前 (2020-12-18) 3273℃ 赞 (0)
try 不仅可以和 catch 搭配食用,还有一个 finally 语句块。try { console.log('try块内log') return 'try中的return' } catch (error) { console.log(...
Deshun 发布于 6年前 (2020-12-17) 2358℃ 赞 (0)
封装了一个方法来查询银行 logo 的文件名,然后使用 require 引用。<image class="iconImg" :src="require(`@/static/icons/setting/bankIcon/${this.getCodeWitName(name)}.png`)" />...
Deshun 发布于 6年前 (2020-12-15) 2432℃ 赞 (0)
对于前端来说,操作数组是难免会用到的,下面整理了在数组任意位置插入元素的方法:splice() 方法添加/删除数组中的元素,我理解为是替换数组中的项目。语法:arr.splice(index, howmany , 'item1', 'item2', ...)index 插入/删除的位置(下标)howmany 需要删除...
Deshun 发布于 6年前 (2020-12-13) 2892℃ 赞 (1)
JavaScript trim()去除字符串头尾的空格trim() 方法用于删除字符串的头尾空白符,空白符包括:空格、制表符 tab、换行符等其他空白符等。trim() 方法不会改变原始字符串。trim() 方法不适用于 null, undefined, Number 类型。语法:string.trim()实例:var str = " ...
Deshun 发布于 6年前 (2020-12-11) 11594℃ 赞 (0)
今天准备用 TypeScript 写个 Demo ,安装 TypeScript 后用 PhpStorm 运行某一段代码的时候报错:Debugger attached. Waiting for the debugger to disconnect... internal/modules/cjs/loader.js:968 ...
Deshun 发布于 6年前 (2020-12-11) 2234℃ 赞 (0)
今天再在安装 typescript 时一直没有进度,我就切换了一下网络,联通改成移动。再次执行 npm install -g typescript 时报错:npm ERR! Unexpected end of JSON input while parsing near '...Pb...
Deshun 发布于 6年前 (2020-12-09) 3400℃ 赞 (1)
JQuery获取表单数据<form id="form-box"> ... </form>JSON字符串格式:let json = $('#form-box').serialize(); console.log('json: ', js...