项目中实现 tree 树形控件全选功能，如图：代码如下：1、template 代码中：<el-checkbox v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbox><el-tree:data="organizationData"ref="organi...

项目开发中在使用到 tree 树形控件实现单选功能，element-ui 官方给出来复选事件，并没有单选操作，自己就研究了一下，代码如下：1、template 代码中：<el-tree:data="treeData":props="defaultProps"node-key="id"ref="treeForm"show-che...

element-ui表格实现全选和多选功能，先看效果图：代码也是相对简单，根据官网提供的API来实现，具体代码奉上：&lt;template&gt;&lt;div&gt;&lt;el-table:data="tableData"borderstyle="width: 100%"&...

项目中实现 table 表格控件单选功能，如图：基本代码如下：1、template 代码中：<el-table:data="tableData"borderstriperef="tableData"@row-click="singleElection"><el-table-column label=""...

在使用 element-ui 的 el-cascader 组件根据后台返回的数据，需要展示一个默认值，官网给出的例子https://element.eleme.cn/2.0/#/zh-CN/component/cascader借鉴了一下，话不多说直接上代码：效果图：代码块：<template><div class="block">...

最近遇到这样一个需求：界面默认显示一组数组，点击新增增加一条并且显示删除按钮，数组里有input和下拉框，每组数组的数据互不影响，效果如下图（图制作的有点简陋）：代码如下：&lt;template&gt;&lt;div&gt;&lt;div class="lk-toolbar" v-for="(name, key) in for

现在越来越多的 Vue.js 项目里使用 axios，而不在使用 vue-resource，在使用 axios 都会进行一次封装，接口集中管理，还有各个环境域名自动匹配设置1、安装axios：npm install --save axios2、在 main.js 引用 axios      因为我进行了一次封装，所以可能和大家引用的方式不一样，我是在src文件里创建了一个 fetc...

element-ui表格实现全选和多选功能，先看效果图：代码也是相对简单，根据官网提供的API来实现，具体代码奉上：&lt;template&gt;&lt;div&gt;&lt;el-table:data="tableData"borderstyle="width: 100%"&...

我们在vue项目中使用vue-router时，路径中会有 # 号，这样看着也不舒服。其实是因为路由有两种模式 hash 和 history，我们平时直接使用的是默认的hash，所以路径会有 # 号，因此我们只需要修改成 history 就可以了，如下图：如果我们修改成 history 还需要后台配置支持，否则在浏览器直接访问路径就会返回404。至于具体的后台配置请访问官网https://r...

到这里有人可能会疑问，你也没有使用this.resolvePrivacyAuthorization({ buttonId: 'agree-btn', event: 'agree' })相关代码，微信那边如何知道用户同意了？使用阶段，因为我这里是获取手机号登录的，这个时候就会出现一个问题，隐私弹窗和获取手机号弹窗冲突，目前是通过判断，操作不同的按钮（如果有好的方案，欢迎评论区告知）。微信小程序官方提