摘要：
在 main.js 入口文件全局注册格式化时间的过滤器，代码如下所示： Javascript // 自定义格式化时间的全局过滤器 Vue.filter('dataFormat', function(originVal) { const dt = new Date(originVal) const y 阅读全文
posted @ 2022-06-09 18:02
前端导师歌谣
阅读(29)
评论(0)
推荐(0)
摘要：
安装新的依赖 vue-tabel-with-tree-grid vue-tabel-with-tree-grid 官方文档 安装完成后，在 main.js 入口文件内先导入 tree-tabel 然后全局注册组件 tree-tabel 页面中，我们使用了如下属性： data 确定我们的数据源，col 阅读全文
posted @ 2022-06-09 18:02
前端导师歌谣
阅读(175)
评论(0)
推荐(0)
摘要：
Javascript // 验证邮箱的规则 var checkEmail = (rule, value, cb) => { const regEmail = /^([a-zA-Z]|[0-9])(\w|-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/ if (regEmail. 阅读全文
posted @ 2022-06-09 18:02
前端导师歌谣
阅读(37)
评论(0)
推荐(0)
摘要：
通过增加 clearable 属性，我们的输入框就可以多一个 x，然后通过绑定 clear 事件，当我们进行清除 （即点击由 clearable 属性生成的清空按钮时触发)时，就会重新获取我们的用户列表，不再需要用户再次点击搜索按钮去获取了。 阅读全文
posted @ 2022-06-09 18:02
前端导师歌谣
阅读(43)
评论(0)
推荐(0)
摘要：
首先，在 switch 开关添加一个 change 事件，并且通过作用域插槽的形式，将该行数据作为参数传入，目的是为了后续的修改。 在函数内我们将传递过来的参数作为我们请求的参数，通过 put 方式修改我们的后台数据 。 阅读全文
posted @ 2022-06-09 18:02
前端导师歌谣
阅读(54)
评论(0)
推荐(0)
摘要：
项目需求：由于用户列表状态后台返回的是 true/false，无法进行渲染，而我们需要的是有一个Switch开关来控制我们的状态。添加一个template 模板后，此时就可以用 slot-scope 作用域插槽来获取我们数据列表中的每一行数据，具体如下： 最后，我们就可以得到如下效果图了： 阅读全文
posted @ 2022-06-09 18:02
前端导师歌谣
阅读(31)
评论(0)
推荐(0)
摘要：
为了让我们点击二级菜单时，会有一个激活效果，而且是保持状态，我们需要将利用 element-ui 菜单栏相关 default-active 属性，来让菜单保持激活。 由于每个二级菜单都有一个路由链接，不妨将路由路径 path 存储在 sessionStorage 中，具体做法就是给二级菜单绑定一个事 阅读全文
posted @ 2022-06-09 18:02
前端导师歌谣
阅读(55)
评论(0)
推荐(0)
摘要：
通过给侧边栏设置 router 属性为 true，我们就能开启 vue-router 路由模式，然后将我们二级菜单的 index 属性绑定我们的数据 path 即可。 阅读全文
posted @ 2022-06-09 18:02
前端导师歌谣
阅读(72)
评论(0)
推荐(0)
摘要：
我们想要在登录之后重定向到 /welcome 路径，于是需要添加子路由children 属性，然后设置 redirect重定向到我们的子路由。 然后在我们组件 Home.vue 的右侧主体区域，放置一个路由占位符 router-view 即可。 阅读全文
posted @ 2022-06-09 18:02
前端导师歌谣
阅读(78)
评论(0)
推荐(0)
摘要：
通过点击一个按钮，让侧边栏进行展开与折叠。通过 isCollapse 的值来动态变化侧边栏的宽度。 其中 cursor: pointer 设置是为了让鼠标放在折叠与展开处会有一个手指指向。 letter-spacing: 0.2em 是为了让 ||| 有一定间隔 阅读全文
posted @ 2022-06-09 18:02
前端导师歌谣
阅读(309)
评论(0)
推荐(0)
浙公网安备 33010602011771号