写法vue2 vue js
js节流和防抖
节流（throttle）: 指连续触发事件的函数，在一定时间间隔内只执行一次。 function throttle(fn, delay) { let timer = null; return function() { const self = this; const args = arguments ......
js遍历对象属性
1、遍历要给json对象 var jsObj={"name":"張三","age":18} for(var key in jsObj){ console.log("key:"+key+",val:"+jsObj[key]) } 2、遍历数组 var arr=new Array(); arr.push ......
【Vue】如何watch v-for中的元素属性值
如果你想watch一个v-for中的变量，你可以在vue组件的watch对象中创建一个函数，来监听这个变量。 假设你有一个数组items，它是一个对象数组，你想要监听每个对象的name属性。那么你可以这样写： <template> <div v-for="item in items" :key="i ......
vue2项目中调取登录接口登录以后获取个人信息以后,储存在哪里,怎么在不同的页面展示想要的信息?
在Vue2项目中，可以将个人信息存储在Vuex状态管理中或者浏览器的本地存储中，具体取决于项目的需求和规模。 1. Vuex状态管理 在Vuex中定义一个user模块，用于存储用户信息，可以在登录成功后将用户信息存储到该模块中。 ```javascript // store/user.js cons ......
vue 使用Element 的form表单如何校验对象中的对象属性？
1、校验对象中的对象属性， 需要特殊处理下： <template v-if="form.dataType 0"> <el-form-item label="芯片类型" prop="configExtend.schemeVersion"> <el-select v-model="form.config ......
vue使用vue-qr生成二维码
vue-qr基础使用： 第一步，先安装 vue-qr 插件 npm install vue-qr --save第二步，在想要生成vueQr 的Vue页面引入组件 import vueQr from 'vue-qr'第三步，在components中引入VueQr组件 components: { Vue ......
vue2源码-十五、Vue.set方法是如何实现的
Vue.set方法是如何实现的 vue.set 方法是vue中一个补丁方法（正常我们添加属性是不会触发更新的，我们数组无法监控到索引和长度） 如何实现的 我们给每一个对象都添加了一个 dep 属性 vue3 中不需要此方法了（当属性添加或者删除时，手动触发对象本身的 dep 来进行更新） 源码： / ......
JS 怎么将数组里的所有字符串转换为数字或者互相转换
字符串 => 数字： const arr= ['1', '2', '3'] arr= arr.map(Number) // [1, 2, 3] 数字 => 字符串： const arr= [1, 2, 3] arr= arr.map(String) // ['1', '2', '3'] ......
React和Vue的区别
React和Vue是两个非常流行的JavaScript框架，用于构建前端Web应用程序。以下是它们之间的一些区别： 模板语法：Vue使用模板语法，它允许您在HTML模板中嵌入Vue代码，类似于AngularJS。React使用JSX语法，它允许您将JavaScript代码嵌入HTML模板中。 数据绑 ......
vue3+vite自适应PC端
1、下载包pnpm add lib-flexible-computer postcss-px2rem px2rem-loader -D2、在main.ts里引入import "lib-flexible-computer";3、在vite.config.ts写入import px2rem from " ......
Vue3中slot插槽使用方式
********************************** Vue3中slot插槽使用方式****************************************************参考：https://huaweicloud.csdn.net/638eab83dacf622b ......
Three.js教程：Face3对象定义Geometry的三角形面
推荐：将NSDT场景编辑器加入你的3D工具链 其他系列工具：NSDT简石数字孪生 Face3对象定义Geometry的三角形面 几何体Geometry的三角面属性geometry.faces和缓冲类型几何体BufferGeometry顶点索引属性BufferGeometry.index类似都是顶点位 ......
vue解决跨域问题
1、若项目用vue init webpack appname 创建的解决跨域问题如下 在config文件夹的index.js文件里proxyTable{}中添加以下代码即可: proxyTable: { '/api': { //本地服务接口地址 target: 'http://....', ws: ......
Vue中...（三个点）的意思
属于ES6的语法，三个点代表扩展运算符 var a = { name: '张三', age: 25 } var b = { job: 'web前端', ...a } // 相当于 var b = { job: 'web前端', name: '张三', age: 25 } ......
Vue3 调用本地服务接口失败三次提示下载并安装本地服务
Vue3 调用本地服务接口失败三次提示下载并安装本地服务 Vue3 调用本地服务接口，如果失败，则再尝试调用 2 次，如果 3 次都失败了，就提示下载本地服务 exe 安装包，并提供下载链接，请告诉我实现的代码 以下是一个用于调用本地服务接口，并在失败时尝试重新请求，尝试重新请求 2 次，如果仍然失 ......
vue中的箭头函数 =>
1、无参数 var f = () => 5; // 等同于 var f = function () { return 5 }; 2、有参数 var sum = (num1, num2) => num1 + num2; // 等同于 var sum = function(num1, num2) { r ......
vue-element-admin报错Error: error:0308010C:digital envelope routines::unsupported的解决方案
安装vue-element-admin报错 node js Node.js v18.15.0 opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ], library: 'digi ......
Ant Design Vue 方法执行确认框实现
methods: { handleSync() { this.$confirm({ title: this.$t('Confirm2SyncMessage'), //提示内容 okText: this.$t('Confirm-OK'), //确定按钮文字 cancelText: this.$t('C ......
mybatis xml 中 大于、小于、等于 写法
在 *.xml 中使用常规的 < > = <= >= 会与xml的语法存在冲突 使用xml 原生转义的方式进行转义 | 字符名称 | 字符串符号 | 转义字符 | |: :|: :|: | | 大于号 | > | > | | 小于号 | < | < | | 大于等于号 | >= | &g ......
js中判断数据是否为数组的方法
Array.isArray( )，该方法返回一个布尔值 let arr = [1,2,3] Array.isArray(arr) // true 使用 instanceof 运算符判断是否为数组 let arr = [1,2,3] arr instanceof Array // true 使用 Ob ......
Nginx 502 bad request | Docker | Node.js http-server
##场景 本地开发的 Vue 项目, 测试之后准备部署; 本地使用 http-server 正常运行; 服务器环境为: Docker 运行的 Nginx 和 Node.js 容器; 目标是将项目通过 Node.js 容器运行 Node.js 容器启动命令为 sudo docker run --nam ......
动力节点老杜Vue框架教程【二】Vue核心技术
Vue.js是一个渐进式 MVVM 框架，目前被广泛使用，也成为前端中最火爆的框架 Vue可以按照实际需要逐步进阶使用更多特性，也是前端的必备技能 动力节点老杜的Vue2+3全家桶教程已经上线咯！ 学习地址：https://www.bilibili.com/video/BV17h41137i4/ 视 ......
Vue3---error xx should be on a new line
ESLint: ':render-header' should be on a new line.(vue/max-attributes-per-line) 此问题是由于.eslintrc.js文件中的vue/max-attributes-per-line配置错误产生的 "vue/max-attri ......
vite + vue3 + vue-router4 + ts + element plus + pinia + axios构建项目
最后是完整的vite.config.ts、main.ts配置 1、先用vite创建一个项目 npm create vite@latest 2、安装element plus yarn add element-plus @element-plus/icons-vue vite.config.ts配置组件 ......
使用Vue实现点击事件变颜色并且显示选中文字
首先需要引入Vue.js!!!!! 直接上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../static/vue.js"></script> < ......
老杜Vue实战教程完整版笔记（二）Vue核心技术
动力节点老杜全新版Vue教程笔记分享给大家 学习の地止：https://www.bilibili.com/video/BV17h41137i4 视频教程从Vue2开始讲解，一步一个案例，知识点由浅入深，然后很自然的过度到Vue3版本。Vue3是目前企业中使用最多的一个版本。 视频中会把每一个Vue的 ......
老杜2023最新Vue实战精讲（二）Vue核心技术
动力节点老杜全新版Vue教程笔记分享给大家 学习の地止：https://www.bilibili.com/video/BV17h41137i4 视频教程从Vue2开始讲解，一步一个案例，知识点由浅入深，然后很自然的过度到Vue3版本。Vue3是目前企业中使用最多的一个版本。 视频中会把每一个Vue的 ......
vue3 拖拽操作学习
AS-Editor组件 git: https://gitee.com/was666/as-editor/tree/vue3.x/ 体验：http://was666.gitee.io/as-editor/#/home ......
vue3中如何引入element-icon并使用
简单来说，步骤就是： 安装——注册——按需引入——使用 安装 # NPM $ npm install @element-plus/icons-vue # Yarn $ yarn add @element-plus/icons-vue # pnpm $ pnpm install @element-pl ......
JS中的继承
使用class extends 关键字js帮我们生成的继承关系图 如果我们想要实现上面的继承关系，要注意以下问题： 子类和父类的属性都在1中，怎么才能实现？ 子类的constructor属性指向子类，怎么才能实现? 子类的原型方法和父类的原型方法，各自独立，分别在2和3中，怎么才能实现？ 解决方法 ......