2023
上一篇我们已经利用van-checkbox成功实现二级选择器控制一级的选中状态，点击此链接>>查看。最后需要实现通过最外层全选按钮全选所有选择器的功能。给全选按钮添加click或change事件（都可）。我们需要通过判断全选按钮的选中状态来控制层叠选择器是否全选，在checkAllLeader函数中执行以下代码：当全选时，将一级选择器选中状态设置为true，并执行上篇提到的checkAllMemb...
上一篇我们已经利用van-checkbox成功实现一级选择器控制二级全选的功能，点击此链接>>查看。接下来需要实现当取消任意一个二级选择器的选中状态（即取消全选状态时），一级选择器也同步取消。首先给二级选择器添加click事件，同样，不要给复选框组添加change事件，避免一级选择器选中状态变化时change事件会一直触发。复选框组通过 v-model 数组绑定复选框的勾选状态，通过name控制数...
上一篇我们实现了el-tree中子节点的选择与添加，此外，我们还需要实现点击右侧删除按钮的时候，左侧选择器的选中状态同步改变，checkList数组和checkIdList数组对应的数据能够同步删除。由于左侧与右侧绑定的是同一数组，只需要删除时传入item，将checkList中的item删除，左侧选择器的选中状态就可同步改变。如图：此时还需要删除checkIdList数组中对应的id。可先循环后...
上一篇文章为大家分享了如何控制echarts的提示文字的颜色和如何自定义文字。接下来为大家分享如何自定义提示框的文字。Echaets默认的提示框如下。 而我们要做成这种样式。 简单分析一下，整个提示框分为上下两层，上层由数据名、数据值、和‘次’组成，下层是数据的时间，有趣的地方是上层和下层的css明显不一样。而echarts的官方文档中并没有这样根据换行来改变css的属性，...
在echarts的默认配置里，描述的文字都是以series中data中的name为数据，颜色为data中的label下的color控制，知道了修改的方法那么修改就很简单了。控制echarts图表的颜色在option.color，而echarts官方是有默认颜色的。['#5470c6', '#91cc75', '#fac858', '#ee66...
偶然间发现的一个小问题，一个登录功能的小页面，只需要输入账号和密码用来验证登录用，很久才有人发现这个问题，就是当你输入完账号点击输入密码的时候，光标直接就聚焦在了密码输入框当中，但是如果你再要从密码输入框点击回到账号输入框，重新输入账号信息或者修改账号信息的时候，就会发现，点一下没得反应，得再点一下才能聚焦，如下图 当我从输入密码框，点击到输入工号框的时候，直接失去焦点，无法直接输入...
tab形式切换筛选将内容进行分类，
搜索框形式搜索输入框输入用户想搜的结果，可点击回车查询。可支持模糊查询，如必须用户记住关键词才能查出，对于用户较为难操作。优点：只要有设定为标签的内容，都可以筛选出来内容。缺点：需要告诉用户内容范围，例如用户输入的数字想搜索id账号，手机号相似的也搜索出来了。标签形式搜索先选择筛选的类型，后输入内容。优点：筛选出来的结果准确度更高。缺点：每次搜索只有一个条件。加更多筛选形式搜索点击下拉更多筛选条件...
之前介绍过如何将pdf转化成png的方法，今天介绍一下如何将网页生成pdf，首先其实php和javascript都是提供了将网页生成pdf的方法的，php用到一些第三方库来实现，有tcpdf,dompdf等等。这两个三方库我都试过，代码非常多，很长，而且转化出来的pdf文件，样式很难全部一样。可以说是费力不讨好。前端的js倒是可以生成，但是有的地方不是很适用。今天就介绍一个可以将指定网址转换成pd...
首先解释一下什么是表单内容监听，我这里是将表单数据全部储存到list变量中，当用户填写了内容之后，将用户填写的内容更新到list变量中，说是监听表单内容实际上是监听变量中的数据内容。监听数据变化可以用watch方法，它是Vue组件中的一个功能，可以监听数据变化，并在数据变化时执行一些操作。watch方法使用起来比较简单，只需要传两个参数就可以，第一个参数是需要监听的变量数据，第二个参数则是当监听的...
