写法vue2 vue js
lottie-player src路径错误>在Vue.js中不工作
lottie-player src路径错误>在Vue.js中不工作 浏览 153关注 0回答 1得票数 0 原文 当我在我的Vue.js代码中插入<lottie-player>并且动画来自lottiefiles的网站时:它工作得很好。但是如果我的animation.json来自我的公共文件,我会在控 ......
vue3实现图片滚动播放
<template> <div class="swiperBox"> <div id="swiper"> <div class="imgBox" @mouseenter="mouseenter" @mouseleave="mouseleave"> <a v-for="(x, i) in LinkLi ......
vue 页面刷新防止数据丢失的解决办法
在vue项目中,经常会切换tag,或者刷新页面。导致路由中的数据丢失, 可以使用以下方法 1:将需要缓存的数据 存在stroge(session,local)中,这样即使页面刷新也不会丢失 2:将数据保存在url中,eg: { name: 'zlgmmasterdataedit', path: 'z ......
vue3状态管理工具Pinia的使用
1.安装 npm install pinia --save 2.src文件夹下新建store文件夹,并新建index.ts import {createPinia } from 'pinia' const pinia = createPinia() export default pinia 2.在m ......
js 显示视频封面
显示视频封面,但是设备录的视频第一贞画面都是黑的,设置显示固定时间的内容封面; <video :class="`showupimg video_${sitem.psqid}`"> <source :src="$api.showImageUrl + sitem.useranswer[0]" /> </ ......
vue中vue-alipayer-v2的使用
项目中播放视频用到了vue-alipayer-v2,代码如下 <template> <VueAliplayerV2 :source="$api.showImageUrl + playvideo.videopath" ref="VueAliplayerV2" ></VueAliplayerV2> </ ......
nuxt.js 引入Jquery的方法
步骤1 npm下载jquery: npm install jquery --save 步骤2 在nuxt.config.js配置引入 const webpack = require('webpack');export default{ build:{ plugins: [ new webpack.P ......
vue vuedraggable实现拖拽,table表格拖拽,拖拽自定义样式
效果 1,npm install --save vuedraggable 2, import draggable from "vuedraggable"; 3, components: { draggable, }, 4, <table cellspacing="0" cellpadding="0" ......
vue.js:el-checkbox的全选复选框例子(element-plus@2.2.5)
一,官方文档地址: https://element-plus.gitee.io/zh-CN/component/checkbox.html#%E4%B8%AD%E9%97%B4%E7%8A%B6%E6%80%81 二,代码: 1,html代码 1 2 3 4 5 6 7 8 9 10 11 12 1 ......
vue.js:路由跳转后自动定位到页面顶部(vue@3.2.37)
一,代码: 说明:在main.js中增加代码,在路由跳转后滑动到顶部,如下 //页面加载后滑至顶部 1 2 3 router.afterEach(() => { window.scrollTo(0,0); }); main.js的例子如下: 1 2 3 4 5 6 7 8 9 10 11 12 13 ......
直播商城源码,js判断上传图片格式类型、尺寸大小
直播商城源码,js判断上传图片格式类型、尺寸大小 //判断图片类型var f=document.getElementById("File1").value;if(f==" "){ alert("请上传图片");return false;}else{if(!/\.(gif|jpg|jpeg|png|G ......
js 数字正则表达式
1、负数和正数,并且是整数 const validateNumInt = ( rule: any, value: string, callback: (arg0: Error | undefined) => void ) => { if (value) { if (!/^[-+]?\d+$/.tes ......
js 全屏方法
实际建议通过 高度 在resize 是判读 是否全屏 应该 f11 执行的全屏js 无法判断 ``` // 全屏 var isFullScreen=false function fullScreen(id) { // el 是要放大的div的id let el = document.getEleme ......
Next.js 开发环境设置 SSL 证书
在 Next.js 中设置证书时,你可以按照以下步骤进行操作: 1. 生成自签名证书:在开发环境中,你可以使用自签名证书来启用 HTTPS。可以使用工具如 OpenSSL 来生成自签名证书。以下是一个示例命令: ``` openssl req -nodes -new -x509 -keyout se ......
js 0.02 - 0.01 - 0.01 怎么得出 0.00999999999,如何修正
![](https://img2023.cnblogs.com/blog/1202393/202307/1202393-20230727110444524-1773814573.png) ![](https://img2023.cnblogs.com/blog/1202393/202307/1202 ......
jenkins报错:Error: Cannot find module '/root/.jenkins/workspace/test/node_modules/ejs/postinstall.js'
+ npm install > core-js@3.31.1 postinstall /root/.jenkins/workspace/test-allsaintsmusic-html/node_modules/core-js > node -e "try{require('./postinstal ......
js中replace替换避坑
function replaceAll(str, find, replace) { return str.replace(new RegExp(find, 'g'), replace); } let result = replaceAll("测试 新浪潮 新浪潮 测试","新浪潮", "你好"); ......
js使用fetch下载readableStream类型数据,axios不支持
流操作API中的ReadableStream 接口呈现了一个可读取的二进制流操作。Fetch API通过Response 的属性body 提供了一个具体的 ReadableStream 对象。 axios只支持返回以下类型 "", "arraybuffer", "blob", "document", ......
vue 实现 word/excel/ppt/pdf 等文件格式预览操作
方法一: 使用微软的在线预览,使用iframe作为载体 <iframe frameborder="0" :src="'https://view.officeapps.live.com/op/view.aspx?src=' + fileUrl" width='100%'> </iframe> 方法二: ......
自定义过滤器写法示例
点击查看代码 ``` @Component @Slf4j @RequiredArgsConstructor public class CustomFilter extends OncePerRequestFilter { private final ObjectMapper objectMapper ......
JS封装时间戳转换
封装构想 传入两个参数,分别是转换类型和时间戳 两个参数都为可选参数 通过参数时间戳或当前时间戳进行年月日时分秒的转换 对转换后的年月日时分秒进行数字补零 按照类型组合字符串,可按需求任意修改 代码 1 function getCurrentDate(type, date) { 2 //如果有传入时 ......
vue2.x接入mockJs
1、安装 npm install mockjs 2、创建文件 src/mock/api、src/mock/index import Mock from 'mockjs' import MockApi from "./api" Mock.setup({ timeout: "300", }); cons ......
js实现websocket
``` import {UserManager} from "@/utils/userManager.js"; class webSocketClass { constructor(url="ws://127.0.0.1:8088/",time=3) { this.url = url this.fi ......
快速上手VUE:创建、运行、发布,HelloWorld
一、创建VUE项目 1、打开VS“创建新项目”界面,选择“基于 Vue.js Web 应用程序”。 分为Javascript和TypeScript两种,注意按自己的编程语言掌握情况选择用哪种。(TypeScript是Javascript的超集,兼容Javascript所有语法,不过由于我还未写过Ty ......
vue3 实现移动端h5多个输入框填入验证码功能(非常简单)
使用一个输入框来获取数据,再用一组div来展示数据 用一个input 遮在展示内容的框上,给input设置opacity:0,用户每次输入的值拿到后依次展示在框内,如果用户输入或者删除就直接体现在展示框上了。 页面内容: <ul class="lists" ref="inputs"> <li cla ......
vue-day48---组件的自定义是将
1.App.vue <template> <div > <h1>{{ msg }}你的名字是{{ studentName }}</h1> <!--通过父组件给子组件传递函数的props 实现 子给父传数据--> <School :receiveSchoolName="receiveSchoolNam ......
【技术实战】Vue技术实战【三】
博客推行版本更新,成果积累制度,已经写过的博客还会再次更新,不断地琢磨,高质量高数量都是要追求的,工匠精神是学习必不可少的精神。因此,大家有何建议欢迎在评论区踊跃发言,你们的支持是我最大的动力,你们敢投,我就敢肝 ......
Js基础语法
操作DOM节点 例如: fuction a(){ //获取某个标签 var node = documrnt.getElementById("node"); //获取标签里的内容(包括子标签和文本) var htm = node.innerHTML; alert(htm); //修改该节点里的内容 n ......
vue--day46---组件自定义事件的解绑
查看vue 版本 命令 npm list vue 1. App.vue <template> <div > <h1>{{ msg }}</h1> <!--通过父组件给子组件传递函数的props 实现 子给父传数据--> <School :receiveSchoolName="receiveSchoo ......