- 博客(96)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 vue中的map和foreach＜2＞
总结:forEach是在原数组直接可以新增，复杂数据类型时。map 有返回值，返回值是修改原数组后的值，原数组不变。
2023-06-02 18:29:58
313
原创 import HistoryHot from “@/components/HistoryHot“ 当输入到 @/ 时，后面vscode无提示，要做出来提示需要配置，
【代码】import HistoryHot from “@/components/HistoryHot“ 当输入到 @/ 时，后面vscode无提示，要做出来提示需要配置，
2023-06-01 17:34:42
378
原创 element ui中 el-table的关于slot-scope
自己以前写的都是slot-scope scope-row.但是看案例直接是slot-scope row.什么的。
2023-05-18 11:14:34
231
原创 map和foreach的用法和区别
forEach遍历通常都是直接引入当前遍历数组的内存地址，生成的数组的值发生变化，当前遍历的数组对应的值也会发生变化。map遍历的后的数组通常都是生成一个新的数组，新的数组的值发生变化，当前遍历的数组值不会变化。(2)forEach()允许callback更改原始数组的元素。map()返回新的数组。(1)map()方法会得到一个新的数组并返回，forEach()会修改原来的数组。foreach使用时，主要改变了原数组。从下图看，原来的数和新数一样。
2023-05-17 22:23:54
251
原创 vue2中父组件调用子组件的方法并且给子组件发送数据
在父组件中能获取到子组件的标签，也能获取到子组件的方法.在父组件引用的子组件标签上写。就是方法名 括号里面可以写要携带给子组件的数据。来调用子组件的方法。
2023-05-17 16:14:23
567
原创 vue中screenfull组件实现全屏和非全屏+怎么给页面全屏加一张图片且不需要设置js获取页面高度
vue_screenfull实现全屏和非全屏和首页设置全屏图片
2022-06-23 14:53:46
1029
原创 vue中携带参数路由跳转的两种方式
// 参数的携带两种方式如下(1) this.$router.push({ name:'orderDetail', params:{id:14} })(2) this.$router.push({ path:'/microcosm/orderDetail', params:{id:14} })// 获取参数 对应上面的顺序(1) this.$route.params.id(2) this.$route.query.id第一种方式（1）携带的参数没有拼接在url地址后面；数据比较保密，但是
2022-05-13 10:07:04
4215
2
原创 element ui中el-table设置文本居中或者样式修改
header-cell-style设置头部居中；cell-style设置单元格内容居中<el-table :data="tableData" :header-cell-style="{textAlign:'center'}" :cell-style="{textAlign:'center'}" ></el-table>单个表格的内容居中<el-table-column label="名称"align="center"> &
2022-05-11 14:04:23
3160
原创 vue中elementui 后台管理功能的实现登录功能的实现
vue中后台管理的登录功能用到el-form表单提交组件， <el-form :rules="loginFormRules" ref="loginFormRef" label-width="0px" class="login_form" :model="loginForm"> <!-- 用户名--> <el-form-item prop="username"> <el-input v-m
2022-05-06 22:23:34
867
原创 Input输入框过滤空格方法
前端中判断input输入框是否输入是否有空格，实现过滤输入前和输入后的空格，v-model.trim用于去掉输入框内首尾空格如下绑定的时候加上 .trim 那么如果直接在开头输入空格，或者是在末尾输入空格，是不会显示有输入内容的，<el-input type="text" v-model.trim="test00" ></el-input>如果判断Input输入框是否为空，不为空时再提交，可以用If(this.inputData.trim().length !==0){
2022-04-29 14:29:40
14408
原创 vue中axios封装+使用axios请求数据流程
先安装 npm install axios1，新建request文件夹，包含request.js和api.js文件request.jsimport axios from "axios"//使用下面的loading加载状态，所以引入了下面的store,就把上面的store注释了，引入了下面的store// import {store} from "core-js/internals/reflect-metadata";import store from '../store'const inst
2022-04-28 13:55:09
1986
1
原创 git修改分支名称 git回退到指定版本+恢复之后找回之前版本
需要将分支br_rename_old修改为br_rename_new，执行如下步骤：1、执行命令git checkout br_rename_old切换到br_rename_old分支，如果已经在这个分支下，可以不执行此步骤2、执行命令git pull origin br_rename_old将代码更新到和远程仓库一致3、执行命令git branch -m br_rename_old br_rename_new将本地仓库的br_rename_old的名称修改为br_rename_new4、执行命令g
2022-04-27 14:06:19
2676
原创 【无标题】
git branch 检查分支，然后从master上创建出新的子分支git checkout –b rights(创建的分支名字为rights) 然后再git branch 就会看到处于rights这个分支上，然后把本地的rights推送到云端保存，git push –u origin rights （第一次推送需要加上-u）rights.vue权限管理-面包屑导航下面有卡片视图，卡片视图中有table数据表格用来展示所有权限的列表data(){return {//权限列表rightList:[
2021-12-07 17:04:01
103
原创 web前端
V-model:双向数据绑定-----必问Vue数据双向绑定是通过采用数据劫持结合发布者-订阅者模式的方式来实现的。通过Object.defineProperty()来劫持各个属性的setter，getter。修改触发set方法赋值，获取触发get方法取值，在数据变动时发布消息给订阅者，触发相应的回调并通过数据劫持发布信息。MVVM----必问Computed和watch的区别computed和watch的使用场景Vue中页面传参的方式Webpack打包方式–devserver 中的proxy，
2021-11-14 22:29:37
721
原创 11-3xuiyaokande
要看的题，v1https://www.cnblogs.com/wenshaochang123/p/14888494.htmlv2https://www.jianshu.com/p/9f460e66ce01v3https://www.jianshu.com/p/8127a249701av4https://www.jianshu.com/p/25d9776324e8v5https://www.cnblogs.com/skywind/p/14653339.htmlv6https://zhu
2021-11-03 17:36:46
128
原创 10.28完成
js原型和原型链Js中需要有一种继承的机制，来把所有的对象联系起来，就可以使用构造函数。但是构造函数生成实例对象的缺点就是无法共享属性和方法。为解决以上问题，就引入了prototype属性，就是原型。为构造函数设置了一个prototype属性，实例对象需要共享的方法，都放在此对象上。原型：每一个JS对象在创建的时候就会与之关联另一个对象，这个对象就是原型，每个对象都会从原型继承属性。proto：每个对象都有一个属性叫proto，该属性指向对象的原型。构造函数的prototype属性等于实例化对
2021-10-28 18:30:40
177
原创 vuex封装和使用
在组件中如何获取vuex的state:优秀博主：https://blog.youkuaiyun.com/gavincz/article/details/81049461封装vuex和使用：https://www.jianshu.com/p/3ceebd429b48vuex中的nextClickhttps://blog.youkuaiyun.com/weixin_44743508/article/details/118994612...
2021-09-30 16:01:49
139
原创 关于使用场景
vuex的使用场景：使用场景【状态在组件间共享】能解决多个界面间的共享问题，统一响应式管理用户登陆状态，用户、名称、头像、地理位置等 可以保存状态商品收藏，购物车物品等【可在关闭前统一上传】需要共享的状态信息在文件目录下创建store文件 将vuex仓库封装在index.js中- 项目–src–store–index.jsindex.js书写【官方建议单一状态树，只将数据保存在一个store中】导入插件安装插件创建对象导出对象//index.js//1.导入插件import V
2021-09-24 18:18:55
144
原创 2021-09-23
html4和html5的区别：1，文档声明HTML5方便书写，精简，有利于程序员快速的阅读和开发这是html4的<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">//或<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xht
2021-09-23 18:43:33
161
原创 myVue3
vue生命周期执行中子组件的生命周期：父组件 beforeCreate 父组件创建前父组件 created 父组件创建后父组件 beforeMount 父组件挂载前子组建 beforeCreate 子组件创建前子组建 created 子组件创建后子组建 beforeMount 子组件挂载前子组建 mounted 子组件挂载后父组件 mounted 父组件挂载后父组件 beforeUpdate 父组件更新前子组建 beforeUpdate 子组件更新前子组建 updated 子组件更新后
2021-09-15 18:29:38
110
原创 myVue2
https://rumenz.com/examples/vue.js/js-vue-template-style.htmlvue-mvvm框架和其他框架(jquery）的区别：一个model+view+viewModel框架区别：vue数据驱动，通过数据来显示视图层而不是节点操作。场景：数据操作比较多的场景，更加便捷vue-loader是什么？使用它的用途有哪些？解析.vue文件的一个加载器，跟template/js/style转换成js模块。用途：js可以写es6、style样式可以scss
2021-09-14 17:49:48
136
原创 Vue-Cli脚手架文件main.js、App.vue、index.html、index.js详解
https://www.cnblogs.com/ggjun/p/11037914.html
2021-09-10 15:17:07
168
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人