写法vue2 vue js
vue3怎么使用defineExpose
在使用单文件组件<script setup>创建一个子组件，会遇到父组件需要调用子组件的方法或变量的情况，这个时候，子组件中就需要使用defineExpose把子组件中那些需要被父组件调用的方法或变量给输出，方便父组件使用。 1.子组件 在子组件中，定义updata方法、getData方法、num变 ......
全局引用ant-design-vue的TreeSelect没有样式
在全局只按需引用了TreeSelect vue.use(TreeSelect) 没有样式......... 需要在babel.config.js里的plugins配置 plugins: [ [ "import", { "libraryName": "ant-design-vue", // 库名称 " ......
项目vue2升级vue3
Vue2迁移vue3操作指南 #一、前言 有个自动化迁移工具gogocode-cli，尝试后发现不好用且得不偿失，就放弃了，感兴趣的可以去了解一下，本指南选择手动迁移 迁移开始之前，我们先来梳理下思路： 现在有一个vue2的项目，首先我们升级框架，得到了一个vue3的框架，但是上面放着vue2的代码 ......
从源码角度了解Vue生命周期
每个Vue应用都是通过`new Vue()`创建一个Vue实例开始。Vue()函数可以传入选项Options，常见的有el、template和data选项等。 el 只在new创建实例时生效，其值可以是一个CSS选择器或一个HTML Element实例。实例挂载后（mounted之后）可通过`vm. ......
java中table遍历td js遍历table中的tr
### 一、获取每一个tr #### 1、通过table的id获取 id="tables"获取第一行tr，索引从0开始，用eq(),方法里面的索引可以手动更换，如第二行就是1，也可以循环tr，eq里面就是循环变量 ```js $("#tables tr").eq(0); //遍历每一行 for (v ......
springboot-vue实操
一、先下载node.js 二、在指定的目录下 创建vue create my-vue3-project。(创建vue) {1}选择 Manually select features，自定义配置 {2} 空格键表示选择确认 {3} 3.x {4} {5} {6} {7} 跟着步骤走，运行这两个 按顺序 ......
vue自定义指令（防抖）
import Vue from 'vue' /** * 按钮防抖，300毫秒内只触发一次请求 * 区分了一下传参和不传参的情况 */ // 不传参数，用法：v-debounce="test_debounce" Vue.directive('debounce', { inserted: functio ......
npm uninstall -g @vue/cli 命令卸载脚手架失败
解决方法如下： 1、执行：npm config ls -l 命令；在展示信息的userconfig键值中找到.npmrc 文件的路径；将.npmrc文件删除。查询结果如下： 2、执行：where vue 命令；删除查询出的两个文件。文件如下图： 3、执行 ：vue -V 命令。发现vue命令已经不可 ......
JS设计的网站源码
JS设计的网站源码 1. 前言 现代网站的用户界面越来越复杂，为了实现更好的用户体验和地图交互效果，JavaScript（简称JS）在网站设计中扮演了至关重要的角色。JS设计的网站源码，可以充分发挥JS的优势，提供丰富的功能和动态效果，给用户带来更好的体验。 2. 响应式布局 响应式布局是现代网站设 ......
精简的Vue Elenent ui界面
仓库地址：https://gitee.com/JSTGitee/element-jst-admin 登录 首页 表格 前言 该方案作为一套多功能的后台框架模板，适用于绝大部分的后台管理系统开发。基于 Vue2，使用 vue-cli2 脚手架，引用 Element ui 组件库，方便开发快速简洁好看的 ......
js实用代码
1、随机生成字符串 const randomStr = () => Math.random().toString(20).slice(2); randomStr(); 2、实现字符串的翻转 const reverseStr = str => str.split('').reverse().join( ......
Vue3中的defineProps方法
1.什么是defineProps defineProps是Vue3中的一种新的组件数据传递方式，可以用于在子组件中定义接收哪些父组件的props。当父组件的props发生变化时，子组件也会随之响应。 2.如何使用defineProps？ 在子组件中可以使用defineProps声明该组件需要接收的p ......
[学习笔记] JS验证API相关知识
checkValidity()会检查元素是否有任何输入约束条件，并且检查值是否符合约束条件。 如下所示，Input元素下限为4上限为20： ··· <input id="password" type="number" min="4" max="20"> ··· <script> function m ......
nuxt.js解决seo前端渲染
vue项目前端做seo的两种方式、 1、预渲染模式 场景：并不是所有页面都需要做seo 优点：速度相对较快，压力在前端 缺点：不能预渲染动态路由，如果预渲染非常多的页面，操作繁琐 插件：prerender-spa-plugin 2、ssr服务端渲染模式 场景：所有页面都需要做seo 优点：安全 缺点 ......
解决vue2+vue-cli中遇到的Must use import to load ES Module
报错信息  原来的`babel.config.js`配置 ```javascript module.exports ......
vue 校验表单，必填的错误提示，已经勾选了，依然提示错误信息，el-select
vue 表单校验的时候 1. 先点提交按钮，所有的必填项出现错误提示 2. 下拉选选择以后，错误提示仍然不消失 解决方法 触发方式 blur 改成 change 其实问题挺简单的，只不过因为缓存，没有及时得到正确的反馈，然后改bug的路越走越远，让我来回折腾了几个小时，真烦银，小伙伴们一定要记得清除 ......
Vue3 大屏数字滚动效果
随着大屏幕技术的发展，大屏数字滚动效果在各种应用场景中越来越常见，例如数字展示、统计数据展示等。Vue3 作为一种流行的前端开发框架，提供了强大的工具和便捷的开发方式，非常适合实现大屏数字滚动效果。
本篇博文将介绍如何使用 Vue3 来实现大屏数字滚动效果。在实现过程中，我们可以使用调试工具进行测... ......
使用vue+openLayers开发离线地图以及离线点位的展示
1 .下载 引入到需要的组件中 npm install ol 2. 需要用到的api... (根据开发需求以及实际情况进行引入) import ol from "ol"; import "ol/ol.css"; import Map from "ol/Map"; import View from " ......
某志愿网js逆向
逆向过程分析与js代码扣取 请求头U-Sign数据 通过浏览器开发者工具可以看到返回数据的接口/youzy.dms.basiclib.api.college.query 添加XHR断点刷新浏览器会自动进入断点 查看具体请求数据，将断点定位到r = r.then(t.shift(), t.shift( ......
Vue 自定义组件
下面有一个例子。 ```html ``` ### 自定义事件 该组件定义了 select 事件和 clear 事件： ```javascript methods: { clear(){ // 使用 $emit 方法触发 clear 事件 this.$emit('clear', '') }, sele ......
js - 在map中使用async await进行处理文件的操作
在日常开发中 用户上传图片需要得到文件的base64格式进行回显；当用户选择多个时，需要循环的调用file转base64的方法进行同步的获取；就会用到promsie；但在map循环的过程中使用async await得到的是一个 promise对象并不是一个 ba64编码；解决方法：可以通过Promi ......
vue+django跨域问题
解决办法： MIDDLEWARE = [ 'corsheaders.middleware.CorsMiddleware', 'yshop.middleware.AuthorizeMiddleware', 'django.middleware.security.SecurityMiddleware', ......
在Vue中可以使用方括号法获得想要的对象数据吗？
#1.问题 Document {{message}} {{school.name}}{{school[mobile]}} 在这里 {{school.name}}{{school[mobile]}}不可以使用方括号法获得想要的对象数据吗？ #2.解决 在Vue.js中，使用双花括号（{{}}）来插值数 ......
vue3 使用 pinia 并持久化存储数据
## 1. 官方文档 [pinia官方文档地址](https://pinia.web3doc.top/introduction.html "pinia官方文档地址") [pinia-plugin-persistedstate数据持久化插件](https://www.npmjs.com/package ......
记录--使用 JS 实现基本的截图功能
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 思路分析 在开始动手之前，分析一下整个功能的实现过程： 根据图片大小创建 canvas1 画布，并将原图片直接定位在 canvas1 上； 在画布上添加一个蒙层，以区分当前 canvas 图像是被裁剪的原图像； 在蒙层上方，对裁剪区域（鼠 ......
vue3 + vite + vue-router 4.x项目在router文件中使用pinia报错
### 1. 背景 vue-router4.x版本，想在路由文件中引入并使用pinia后报错如下：  表面 ......
vue启用https服务及nginx启用https配置
1.vue开发环境中主要是configjs配置 启用https服务 devServer: { https: true, //启用https } 2.nginx 申请一个ssl证书 ，自行申请。 下面是一个nginx例子 需要修改的配置https主要是红色标出来部分。蓝色加粗部分主要是history模 ......
js-设计模式之订阅发布模式简单理解和实践
```js /** * 啥是发布订阅模式 * 举个栗子--场景: 充值成功 切换到个人中心页面刷新余额 切换到会员中心页面刷新会员状态等 */ // 定义一个对象 作为接收事件的载体 const eventBus = { topic: {}, // 这里为啥是个对象呢 首先肯定不止是一个事件,所以得 ......
python带参数装饰器的两种写法
装饰器是 Python 中非常有用的语法特性，可以用于包装或者修改函数的行为。有时候我们希望给装饰器添加参数，以便于在装饰器内部使用，那么这时候就需要使用带参数的装饰器。常用的两种带参数装饰器的写法如下： ### 1. 第一种装饰器带参数的写法： 在装饰器函数外层再套一个函数，用来接收和处理装饰器的 ......