写法vue2 vue js
JS取出两个数组中的不同或相同元素（简易方法）
一、使用 concat 和 filter 取出不同的元素（取出两个数组的不同元素==>既在arr1又在arr2） var arr1 = [0,1,2,3,4,5]; var arr2 = [0,4,6,1,3,9]; function getArrDifference(arr1, arr2) { r ......
vue table type=select列不能使用if判断
因为当前这个selection用【querySource】字段状态来判断显示和隐藏，在el-table标签里需要加:key=“querySource” ......
优化 vue 使用 webpack 打包，出现的缓存问题 及 项目部署问题
https://blog.csdn.net/qq_39264561/article/details/124844878 ` const path = require("path"); const webpack = require("webpack"); const timeStamp = new ......
vue配置src为@
步骤1：配置jsconfig.js 位置：项目根目录/jsconfig.js { "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["src/*"] } }, // @ 不能在以下目录的文件中使用 "exclude": ["node_m ......
Unknown custom element: <el-tabs> - did you register the component correctly? For recursive components, make sure to vue.runtime.esm.js?c320:619provide the "name" option.
mad 从官网上扒下来的 一模一样就是一直报错 然后一直百度 百度上的答案五花八门 没一个有用的 草！！！！！ 这个原因就是你没有在项目中引入element-ui 所以你用它的组件会报错 第一步 npm i element-ui -S 第二步 在main.js里面加入 import ElementU ......
Vue脚手架学习笔记
title: Vue脚手架 date: 2023-03-06 15:10:21 tags: Vue 一、 脚手架文件结构 |--node_modules |--public | |--favicon.ico:页签图标 | |--index.html：主页面 |--src | |--assets:存放 ......
Linux 下安装 node.js
这里介绍两种安装方式：编译安装和使用编译后的安装包安装。 https://nodejs.org/dist 安装目录：/usr/local 一、使用编译安装包安装 1、进入安装目录： cd /usr/local 2、下载安装包： wget https://nodejs.org/download/rel ......
vue组件化开发---插槽的使用
插槽基本介绍 在开发中，我们会经常封装一个个可复用的组件： 前面我们会通过props传递给组件一些数据，让组件来进行展示； 但是为了让这个组件具备更强的通用性，我们不能将组件中的内容限制为固定的div、span等等这些元素； 比如某种情况下我们使用组件，希望组件显示的是一个按钮，某种情况下我们使用组 ......
Vue根据时间戳制作倒计时15分钟
废话不多说直接上代码 <script> export default { data() { return { downTimeShow: true, timer: null, downTime: '', nowTime: '', orderList:[ {addTime:'2023.03.27 13 ......
直播平台搭建，JS实现页面下拉加载数据操作
直播平台搭建，JS实现页面下拉加载数据操作 前端页面代码如下，我用的PHP，HTML页面应该就行，主要是在id="ph"的div内加载数据： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.o ......
JS之BOM、DOM
https://www.cnblogs.com/12345huangchun/p/10171146.html 一、BOM对象 1，window对象 所有浏览器都支持window对象，从概念上讲：一个HTML文档对应一个window对象，从功能上讲：控制浏览器窗口的，从使用上讲：window对象不需要 ......
ERROR Failed to compile with 541 errors 11:27:44 These dependencies were not found: * core-js/modules/es.array.concat.js in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./
ERROR Failed to compile with 541 errors 11:27:44 These dependencies were not found: * core-js/modules/es.array.concat.js in ./node_modules/cache-loade ......
vue "vue-awesome-swiper": "^4.1.1" 的使用
<!-- swiper1 --> <swiper class="swiper gallery-top" :options="swiperOptionTop" ref="swiperTop"> <swiper-slide v-for="item in img_list" :key="item.id" ......
开源: golang+vue的论坛 和 node+react的IM系统
最近基于开源做了两个自己系统 都是UI非常好看的 我将两个系统的数据互通了 附带了一些产品思考 只需要一个邮箱就可以登录 无密码 无手机号 尽量简化流程 第一个论坛 站点 https://bulita.cn 现在主要是聚合招聘信息 目标是尽可能降低招聘和求职的门槛 以上海和远程工作为主 开源地址 h ......
vue+Element-ui实现表格拖拽排序功能
1、首先需要下载sortablejs第三方包 2、在需要排序的页面文件里引入： import Sortable from 'sortablejs' data() { return { apiObjDrag: [], productList:[],整个列表数据项 } }, methods:{ //行- ......
HTML里JS代码的所处位置
需要注意的是，HTML代码是自上到下加载的。掌握了这条便可以据此判断JS代码应该处于哪里。 JS代码可以位于<head></head>之间，使得JS脚本提前加载； JS代码也可以位于<body></body>之间，以免一些需要给HTML代码赋值的JS代码在HTML代码还未加载出来时便提前加载了而出现 ......
flask-结合vue2小案例
flask后端代码 先安装插件:flask-cors pip install flask-cors app.py from flask import Flask,jsonify,abort from flask_cors import cross_origin # cross_origin这个装饰器 ......
vue2基于 vue-cropper插件对图片裁剪
<template> <div id="app"> <div class="model" v-show="model" @click="model = false"> <div class="model-show"> <img :src="modelSrc" alt /> </div> </div> ......
vue3中在setup方法中使用 provide，inject，组件上下层，直接传值和方法
一个简简单单的案例 app.vue <template> <div> app <Second/> </div> </template> <script> import { provide } from 'vue'; import Second from './components/Second.vu ......
Node.js编写报时器，精度高、性能高
Node.js编写的报时器，精度高、性能高 // Function to print the current time every minute on the 0th second and with millisecond precision function printTime(interval, ......
vue3获取url参数的值
<script setup name="Welcome"> import { onMounted } from 'vue'; import { useRouter } from 'vue-router'; const $router = useRouter(); onMounted(() => { ......
js - 稀释、防抖、节流 - 概念关系
1.防抖 期望： 同一时间或者同一时间前后指定范围内【如1秒内】如果没有更多的操作，多次调一个函数时，希望只调一次函数 实现： 使用定时器，指定时间内更新定时器计时时长，直到为0时调一次函数 2.节流 期望： 固定时间间隔内，多次调一个函数时，希望只调一次函数 实现： 使用定时器，设定固定间隔值，每 ......
Vue3 脚手架
1. 使用vue-cli创建脚手架 PowerShell vue create vue3_test # 创建vue3工程，vue-cli版本必须在4.5.13以上 PowerShell npm run serve # 运行工程 2. 使用vite创建脚手架 方式一： PowerShell npm i ......
js实现复制功能
可以使用以下代码实现复制功能： 1 function copyText() { 2 var copyText = document.getElementById("myText"); 3 copyText.select(); 4 document.execCommand("copy"); 5 ale ......
对于Vue3和Ts的心得和思考
Vue3已经正式发布了一段时间了，各种生态已经成熟。最近使用taro+vue3重构冷链的小程序，经过了一段时间的开发和使用，有了一些自己的思考。 ......
vue动态绑定内联样式（v-bind:style）
一、对象语法 <div :style="{ color: activeColor, fontSize: fontSize + 'px' }"></div> data() { return { activeColor: 'red', fontSize: 30 } } <div :style="styl ......
Vue中获取method方法return返回值--常用于请求成功后回调
mounted: () { this.getList('', (data) => { console.log(data); }) } methods: { getList (condition) { get_list({...condition}).then(res => { if (res.dat ......
Vue2模版编译（AST、Optimize 、Render）
在Vue $mount过程中，我们需要把模版编译成render函数，整体实现可以分为三部分： parse、optimize、codegen。 ......
如何给vue的href添加拼接参数
原来一直使用angular,而vue的用法和angualr相似，故我默认以为vue的href添加拼接参数的写法为： <a href="/list/editor?name={{item.title}}">链接</a> 然测试发现这是不可行的，需要用以下方法： <a :href="'/list/edit ......