weixin_63298649的博客

原创 在Vue3中使用 ECharts

在这个例子中，我们创建了一个简单的柱状图。我们使用 Vue 3 的 `ref` 来引用图表的 DOM 元素，并在`onMounted`生命周期中初始化 ECharts 图表。1. 安装 ECharts：首先，您需要安装 ECharts 库。2. 创建一个 Vue 组件来显示 ECharts 图表。试了好久ref一直报错，最后还是靠AI解决的，亲测有效。text: '示例图表'

原创 六级写作积累（essential）

注意discussion（只有一方）与debeat（正反都有）的区别。1必备，2或2选一个。

原创 六级写作笔记

原创 vue2人力资源项目10静态路由和动态路由拆分

注：使用需要线上代码与线下的配合1.在main.js里自定义注册指令// 注册自定义指令，控制功能权限// 两个参数：1.指令名称（不用写v-,它会自动补足）2.空对象// el是当前指令作用dom元素的对象// binding 是v-permission=“表达式” 表达式的信息.roles?// 拿到了points// points中是否有add-employee// binding.value :v-permission=“表达式” 中的表达式的值if (!// 删除或禁用。

原创 vue2人力资源项目9权限管理

给表格绑定数据，添加 row-key和default-expand-all和默认展开节点属性。2.visible加.sync可以让我们点击x直接关闭弹层。这里用了文档里的方法，通过获取实例调用方法来实现双向绑定。用插槽和v-if设置二级权限没有添加。1.设置控制退出角色的显示的变量。调用接口，传入参数，提示信息。将获取的数据转换为树形。

原创 vue2人力资源项目8员工详情

route是一个对象，它代表当前的 Vue Router 路由。它包含了当前路由的详细信息，如路由的名称 (name)、路径 (path)、参数 (params) 和查询参数 (query)。$route 对象是不可变的，也就是说，你不能通过修改 $route 对象来改变当前路由。表示这个id可以有（如编辑），也可能没有，（如添加）。绑定给子组件的img标签里的value和src，判断value值存不存在。设置prop变量（接收从父组件绑定的v-model传过来的值）转换树形的代码，注意判断长度。

原创 vue2人力资源项目7员工管理

/ 获取员工列表的方法list: [],total: '0'-- 分页 -->

原创 六级翻译笔记

除了专有名词不能自己理解翻译，其它都可以。

原创 六级仔细阅读和选词填空

画两到三个词，精准定位。

原创 vue2人力资源项目6角色管理

methods: {// 定义了与 getRoleList同名的方法})})

原创 六级段落匹配

一个段落最多匹配2个句子。一个段落对应：0-2。

原创 vue2人力资源项目5组织架构的增删改查

父组件：这里用到了子组件。

原创 vue2人力资源项目4路由和部门新增

name: [{ required: true, message: '不能空', trigger: 'blur' }, { min: 2, max: 10, message: '长度2-10', trigger: 'blur' }, { trigger: 'blur', validtaor: async(rules, value, callback) => {// value就是输入的编码callback(new Error('已经有了'))} else {callback()} }]

原创 vue2人力资源项目3主页

/ 调用actionstore/user.js里存放action1.先导入接口，并声明一个对象来存储用户基本资料状态// 用来存放数据token: getToken(),// 调用加括号,从缓存中读取初始值userInfo:{}//声明一个对象来存储用户基本资料状态2.利用mutations修改userInfo的值// 用来修改数据,要修改state里的数据，必须通过mutations// 同步到缓存},// 删除vuex的token},

原创 vue2人力资源项目2登录接口、跳转主页

utils/request.js处理请求拦截器，携带tokenindex.jsutils/request.jsindex.vue测试响应拦截器：判断解构数据是否异常，以及请求是否成功执行api.user.js里封装登录请求接口store/user.js跳转主页login/index.vue判断当前环境是生产还是开发开发环境有数据，生产环境没有数据总结

原创 Vue2黑马人力资源项目1（表单校验）

绑定之后设置检验isAgree: [// 这里需要使用自定义验证validator// 不用required是因为它只能检测 null undefined ""// rule校验规则// value校验的值// callback函数-promise resolve reject// calback() callback(new Error('需要勾选'))value?callback() : callback(new Error('需要勾选'))

原创 vue3大事件项目3

3. el-form-item标签配置prop,用于接收参数<el-form-item label="分类别名" prop="cate_name">当你需要在表单提交时获取或验证表单项的值，就需要用到prop属性。1. form表单绑定变量和规则：<el-form :model="formModel" :rules="rules">defineEmits` 是一个组合 API，用于定义父组件可以监听的子组件事件。父组件：封装方法（getChannelList()是父组件已经封装好的方法）

原创 Vue3大事件项目2

/一调方法，就发请求，获取数据//调用刚刚封装的接口，请求获取数据},

原创 Vue3大事件项目1 登录注册验证

1. 校验相关(1) 给当前表单绑上整个的数据对象：el-form => :model="ruleForm" 绑定的整个form的数据对象 { xxx, xxx, xxx } ( )(2) 绑上对应的校验规则：el-form => :rules="rules" 绑定的整个rules规则对象 { xxx, xxx, xxx }（注意一一对应） ( )

原创 vue3学习笔记（pinia）

defineModel：快速实现组件的双向绑定。

原创 购物商城项目2

与之前不同的是，这里需要动态获取参数。computed:{

原创 购物商城项目

项目根目录中， 新建postcss的配置文件`postcss.config.js`

原创 自定义创建项目

p-88。

原创 自动聚焦的两种方式

1.$nextTick配合ref获取焦点，直接聚焦。2.通过自定义指令聚焦。

原创 六级句子笔记

• people remain divided over sth 人们对此看法不一。• re开头一般是调整的意思。

原创 六级词汇短语

什么东西：Bright colours。

原创 六级阅读笔记

1.阅读长难句时，先找主语，再找谓语，定语一般用作修饰，定语一般包括adj和介词短语。2.阅读时，遇到举例的词，一定要注意思考背后的含义。

原创 六级听力笔记

更多 更多遍出现的是选项听力选线优先看动词 名词 形容词什么时候换题：完美答案出现

原创 Vue CLI （脚手架）命令

1. 全局安装（只需安装一次即可） yarn global add @vue/cli 或者 npm i @vue/cli -g。2. 查看vue/cli版本： vue --version。

原创 获取省市区（axios）

1.2 切换省份，设置城市下拉菜单数据，清空地区下拉菜单。* 1.3 切换城市，设置地区下拉菜单数据。2.3 基于axios提交保存，显示结果。* 1.1 设置省份下拉菜单数据。2.2 依靠插件收集表单数据。目标1：完成省市区下拉列表切换。2.1 监听提交的点击事件。目标2：收集数据提交保存。

原创 天气预报信息获取展示搜索（简易axios封装）

2.1 绑定input事件，获取关键字（利用自定义属性）3.1 绑定城市点击事件，获取城市code值。* 1.1 获取北京市天气数据。3.2 调用获取并展示天气的函数。* 1.2 数据展示到页面。2.2 获取展示城市列表数据。目标1：默认显示-北京市天气。封装好的axios函数。目标2：搜索城市列表。目标3：切换城市天气。

原创 使用xhr完成注册功能（向服务器提交数据）

使用xhr进行请求体数据提交-完成注册功能,利用send携带参数。

原创 XMLHttpRequest（xhr）地区查询(从服务器获取数据)

根据省份和城市名字, 查询对应的地区列表。

原创 使用XMLHttpRequest对象与服务器通信

3. 监听 loadend 事件，接收响应结果。1. 创建 XMLHttpRequest 对象。2. 配置请求方法和请求 url 地址。

原创 更换网站背景学习总结

2. 上传成功时，"保存"图片url网址。* 3. 网页运行后，"获取"url网址使用。1. 选择图片上传，设置body背景。

原创 图片上传（FormData + axios）

【代码】图片上传（FormData + axios）

原创 图书管理增删查改案例学习总结附代码与讲解（Axios）

这段代码选择具有 "add-modal "类的 DOM 元素，并使用该 DOM 元素创建一个新的 Bootstrap 模态实例。这样，您就可以通过`addModal` 变量来控制模态，例如显示、隐藏或使用 Bootstrap 模态方法和属性来操作模态。4.2.1（根据Id利用axios）获取当前编辑图书数据，（遍历属性，）返回到表单中。3.1获取选定图书的删除按钮（给动态生成的标签绑定点击事件，可以委托给父级）图书（弹框显示隐藏——数据显示——保存修改&刷新列表）点击弹框，出现新增（用js控制弹框）。

原创 params、data、headers传参

3. headers：用于传递请求头信息。2. data：用于传递请求体。，通常用于POST请求。1. params：用于传递。，通常用于GET请求。

原创 访问javascript对象的属性和方法的两种方式

2. 方括号操作符（[]）：这种方式允许使用字符串形式的属性名来访问对象的属性或方法，这在属性名是动态确定或不是有效的标识符时特别有用。使用方括号操作符时，可以将属性名作为字符串传递，也可以使用变量来动态访问属性。1. 点操作符（.）：最常见的方式，使用点操作符后跟属性或方法的名称来访问对象的成员。// 输出: John。// 输出: Hello, John。// 输出: Hello, John。// 输出: John。// 输出: John。// 使用变量访问属性。

原创 对象解构与展开运算符

当在编程中使用对象解构时，可以通过将对象的属性提取到单独的变量中来简化代码。以下是JavaScript中对象解构的一个简单示例// 定义一个包含用户信息的对象age: 30,// 使用对象解构将对象的属性提取到单独的变量中// 现在可以直接使用提取出来的变量// 输出 "Alice"// 输出 30// 输出 "alice@example.com"```定义了一个名为`user`的对象，包含了`name`、`age`和`email`属性。