HBuilderX
小米小米呀
黎明前的黑暗,加油!
展开
-
web前端常用快捷键
idea\hbuilderx等IDE工具可以支持,部分IDE工具不支持。此处以Hbuilderx为IDE开发工具来说。!+Tab键输入标签,按tab键,生成标签,如下:输入“标签.样式名”,按tab键,生成带样式的标签,如下:输入“标签#id名”,按tab键,生成带id名的标签,如下:输入“标签#id名.样式名”,按tab键,生成带id名的标签,如下:输入“标签名.样式名*n”,生成带有样式的n个标签,如下:输入“标签>标签”,生成有父子关系的标签, >表示父子关系原创 2020-11-17 15:21:02 · 3969 阅读 · 0 评论 -
vue实现菜单切换功能
参考博客原创 2020-11-17 15:09:50 · 446 阅读 · 0 评论 -
element-ui radio回选
如下图::label是radio的值,v-model动态绑定,当v-model的值和:label一样时,radio会被回选.原创 2020-11-17 15:08:41 · 196 阅读 · 0 评论 -
vue 控制台报错“TypeError: handler.call is not a function“
vue 控制台报错"TypeError: handler.call is not a function"此问题为调用中生命周期钩子函数引起来的错误,解决办法为 生命周期钩子函数 是否有未定义方法 还是 声名了空的钩子函数。去掉钩子函数即可。参考博客...原创 2020-11-17 15:06:28 · 797 阅读 · 0 评论 -
element-ui 阻止树节点收缩
element-ui 阻止树节点收缩添加属性:expand-on-click-node=“false”。如图:原创 2020-11-17 15:04:52 · 960 阅读 · 0 评论 -
element-ui消息确认提示模板
this.$confirm(‘是否删除该数据?’, ‘提示’, {confirmButtonText: ‘确定’,cancelButtonText: ‘取消’,type: ‘warning’}).then(() => {//点击确定的操作(调用接口)}).catch(() => {//几点取消的提示});原创 2020-11-17 15:02:07 · 464 阅读 · 0 评论 -
element-ui单击行时勾选复选框 设置选中行背景色
<el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" highlight-current-row style="width: 100%" border @current-change="clickRow" @selection-change="handleSelectionChange" ></el-table>注:highlight-current-row高原创 2020-10-23 15:10:35 · 1302 阅读 · 0 评论 -
element-ui select 点击事件无效
用第三方组件或者UI框架会自带自身封装的事件,如keyup,click等,会覆盖原生的事件,从而无法起效果。.native 修饰符就是用来注册元素的原生事件而不是组件自定义事件的。代码示例:<el-select v-model="value" ref="select" placeholder="请选择"> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="i原创 2020-10-23 14:54:20 · 3523 阅读 · 0 评论 -
vue获取自定义属性的值,标签的值
vue中尽量减少dom操作。方式一:不推荐使用自定义属性为data-val,通过e.target.getAttribute()获取。 <span data-val="0" @click="getVal0">点我</span> getVal0(e){ console.log(e.target.getAttribute('data-val')); },方式二:不推荐使用自定义属性为data-val, <span data-val="原创 2020-10-23 11:32:15 · 4029 阅读 · 0 评论 -
vue获取dom元素的几种方式
在任意标签上:ref=“xx”获取dom元素:this.$refs.xx.如图:mounted()时才能获取this.$refs.xx获取dom标签:this.$refs.xx.$el$parent: 获取当前组件的父组件$el: 获取当前组件的DOM元素vm.$nextTick什么时候用:在Vue渲染DOM到页面后 立即做某件事,用$nextTickthis.$nextTick(function() { ·····dosomething})Vue会先让代码执行完原创 2020-10-22 18:54:41 · 5505 阅读 · 0 评论 -
element-ui复选框只能选中一个
需求:复选框只能选中一个。具体实现如下:@select="select"@select-all="selectAll"select(selection, row) { if (selection.length > 1) { let del_row = selection.shift() this.$refs.multipleTable.toggleRowSelection(del_row, false) } },selectAll(selection){ i原创 2020-10-22 17:46:30 · 2810 阅读 · 2 评论 -
HBuilderX的下载和安装--详细
HBuilderX下载HBuilderX:官方IDE。建议下载App开发版,如下载标准版,还需在插件管理中安装uni-app插件。HBuilderX下载地址:添加链接描述HBuilderX安装找到下载好的安装包。如图解压安装包。解压后找到HBuilderX.exe双击运行。如图:创建快捷方式选中HbuilerX.exe,右键,发送到桌面。如图:...原创 2019-03-05 14:44:29 · 74113 阅读 · 12 评论