2022年6月4日
html+css实战9-标签组成和关系
摘要： 阅读全文
posted @ 2022-06-04 17:42 前端导师歌谣 阅读(22) 评论(0) 推荐(0) 编辑
html+css实战8-注释
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2022-06-04 17:42 前端导师歌谣 阅读(13) 评论(0) 推荐(0) 编辑
html+css实战7-vs code的简介和使用
摘要： 阅读全文
posted @ 2022-06-04 17:42 前端导师歌谣 阅读(22) 评论(0) 推荐(0) 编辑
重读vue电商网站27之JSON格式的配置文件
摘要： 在项目根目录创建名为 .prettierrc 的文件，增加如下代码： Css { "semi": false, "singleQuote": true } semi设置 false去掉分号，singleQuote 设置 true使用单引号。 此外，还可以禁用 function 处空格报错，增加如下代 阅读全文
posted @ 2022-06-04 17:42 前端导师歌谣 阅读(22) 评论(0) 推荐(0) 编辑
2022年6月3日
重读vue电商网站8之设置弹框提示组件
摘要： 首先，在 element.js 中导入弹框提示组件，但是它的配置与其它组件不一样，它需要进行全局挂载。 全局导入后，我们就可以在我们的登录组件 login.vue 中通过 this来访问弹框提示组件了。 测试一下，输入 admin 和 123456，此时就会提示输入成功。 阅读全文
posted @ 2022-06-03 22:17 前端导师歌谣 阅读(44) 评论(0) 推荐(0) 编辑
重读vue电商网站15之阻止页签tabs切换
摘要： 主要函数如下： 在我们的 tabs 标签页添加一个 before-leave 函数 然后在 methods 中定义，根据第一个标签页的逻辑来阻止标签页的切换。 阅读全文
posted @ 2022-06-03 22:17 前端导师歌谣 阅读(25) 评论(0) 推荐(0) 编辑
重读vue电商网站14之步骤条的使用与美化
摘要： 以下就是步骤条使用的核心代码，其中 active 绑定的是每一个 step 的下标，默认从 0 开始。其次，我们可以设置 aligin-center 属性来让我们的步骤条进行居中。el-step就是每一个步骤进度。 Javascript <!-- 步骤条区域 --> <el-steps :space 阅读全文
posted @ 2022-06-03 22:17 前端导师歌谣 阅读(63) 评论(0) 推荐(0) 编辑
重读vue电商网站13之使用动态编辑标签
摘要： 实现效果如下： 通过 v-if 的 boolean值来动态变化是否显示文本框还是 button 按钮。通过 v-model 双向绑定来实现文本框内容的监听。 由于每一行需要设置文本框的显示与隐藏，而且数据是共享的。我们需要通过 scope来获取每一行的值来进行绑定，不然的话，就会导致某个文本框显示了 阅读全文
posted @ 2022-06-03 22:17 前端导师歌谣 阅读(28) 评论(0) 推荐(0) 编辑
重读vue电商网站12之获取选中节点的keys
摘要： 首先，给我们对话框的确定按钮绑定一个事件。 主要使用 tree 组件提供的两个方法 getCheckedKeys 和 getHalfCheckedKeys来分别返回目前被选中的节点的 key 所组成的数组和目前半选中的节点的 key 所组成的数组 阅读全文
posted @ 2022-06-03 22:17 前端导师歌谣 阅读(40) 评论(0) 推荐(0) 编辑
重读vue电商网站11之使用树形控件 el-tree
摘要： 对于分配权限一栏，我们需要如下效果： 相关配置属性： 其中 data 为我们的数据源，props 为我们在 tree组件显示的文本内容。通过设置 node-key可以让每个树节点作为唯一标识的属性，整棵树是唯一的；通过设置 default-expand-all 来默认展开我们的所有节点，不需要每次都 阅读全文
posted @ 2022-06-03 22:17 前端导师歌谣 阅读(95) 评论(0) 推荐(0) 编辑