vue/js 优化代码
if (this.total > 3000) { setTimeout(() => { this.$refs.multipleTable.doLayout() }, 3000) }if (this.total > 4000) { setTimeout(() => { this.$refs.multipleTable.doLayout() ...
2024-03-02
vue引入静态js文件
由于一些演示，需要对编码名称等可快速进行修改，需要页面方便配置。由于build后的vue项目基本已经看不出原样，因此需要创建一个文件，并在打包的时候不会进行编译。vue-cli 2.0的作法是在static文件下创建js。vue-cli 3.0 的写法则是直接在public文件夹下创建js、具体操作如下：1、在public文件夹下创建...
2024-01-10
vue 引入js的问题
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/css/pluginsCss.css' /> <link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/plugins.cs...
2024-03-11
vue+js清除定时器
注意data数据里面一定要定义TimeoutTimeout:Function,//定时器methods里面 moseovefalse(){//需要执行的方法 var that=this; that.show=false; }, mouseomov(){//延迟二秒执行 var that=this; that.Timeout=setTimeout(that.moseovefalse,2000) },//清除定时器，下面这行代码哪里需要放到哪里就行...
2024-01-10
在vue中使用jsx语法
什么是JSX?JSX就是Javascript和XML结合的一种格式。React发明了JSX，利用HTML语法来创建虚拟DOM。当遇到<，JSX就当HTML解析，遇到{就当JavaScript解析.我为什么要在vue中用JSX?想折腾一下呗,开玩笑.最开始是因为近期在学习react,在里面体验了一把jsx语法,发现也并没有别人说的很难受的感觉啊,于是就想尝试在vue中...
2024-01-10
vue使用jsx语法开发
最近遇到这样一个问题：原本用vue-cli2创建的项目，需要用vue-cli3重构。入口文件声明实例时候，使用的是render模式，而不是模板template。new Vue({ router, render: h => h(App)}).$mount('#app')而在我们原有的项目中，一些封装的组件必须使用template这个字段。然后发现在vue-cli3给出使用template的警告。然而，切...
2024-01-10
vue中wowjs的使用
笔者亲测，在vue中使用wow.js如果不按照以下方法实施，会出现意想不到的BUG,网页刷新后图片就全部突然看不到了，被增加了一个隐藏属性，建议大家严格按照方法执行，不要随意使用（1）通过npm安装：npm install wowjs --save-devanimate.css会自动安装。（2）在main.js中引入animate.cssimport 'animate.css'在组件需...
2024-01-10
极验与vue的原生js结合
既然说了极验，那么我就简单介绍一下极验是一个什么工具：极验验证是一种在计算机领域用于区分自然人和机器人的，通过简单集成的方式，为开发者提供安全、便捷的云端验证服务。与以往传统验证码不同的是，极验通过分析用户完成拼图过程中的行为特征，通过数据分析来判断是人还是机器...
2024-01-10
vue js 正则 分割
var aa = " ___(1)___ \n ___(2)___ \n ___(3)___ \n ___(4)___ \n___(5)___ \n___(6)___ \n ___(7)___ \n ___(8)___ \n ___(9)___ \n ___(10)___ "求一正则将数组转换成var aa = [' ', '___(1)___', ' \n ', '___(2)___',...
2024-02-27
vue解决sockjs报错
打开node_modules -》 sockjs_client -》 dist -》 sockjs.js 找到1606行左右，将self.xhr.send(payload);注释掉一般开发的时候不要注释掉，打包的时候再注释，因为注释掉以后就不能热加载了 ...
2024-01-10
vue jsx方式渲染问题
父组件 hello.js 子组件不管怎么调用父组件传通过props传过来的render 都会报vue.runtime.esm.js?2b0e:1888 ReferenceError: h is not defined已经测试过的代码// 1.第一种， 这种方式需要在父组件内接受一个 “h”作为参数，其实并不想接受这个参数，因为父组件render直接返回的是一个 节点形式比如<div></div>const Vnode = Vu...
2024-01-10
vue 引用 js 文件问题
js导出 方法 initDragResize在多个vue文件中使用会相互影响这两个vue文件同时在页面上渲染 引用的js文件中的方法的参数maxW会相互冲突导致一个文件的方法失效回答：initDragResize() 每次调用都是对同一个 HTML 元素进行操作，肯定是最后一次生效。这里要看你的初始化策略，如果每次进某个组件都按这个组件的要求进行初始化，大概就是现在的操作。但是貌似不是你想要的结...
2024-02-19
vue js响应式图像网格画廊
我需要一个vue响应式图像网格组件，以显示不同大小的图像。有一些很好的jquery plugins，但我不能在我的基于vue的页面中使用它，因为滚动中图像的延迟加载。 jquery只在初始页面加载时设置高度和宽度。有没有好的组件或解决方案来使用jquery插件？vue js响应式图像网格画廊回答：我发现了一个很大的...
2024-01-10
vue + js 代码不生效？
el-table 里的输入框实现递增输入，正常输入没有问题，当删掉其中一个值后，再输入符合条件的也不生效了，不知道是什么原因回答：也没搞懂你想要表达的需求，看你代码没有涉及到递增倍数只是纯提示。看是不是这样的，我按最简单办法搞。 <template> <el-table :data="tableData" border style="width: 100%"> ...
2024-02-08
vue组件内部引入远程js文件
之所以要做这个是因为，在一个组件内部需要引入一个js文件来定位。如果放在index.html，这样每个组件都会有这个js。所以需要在组件内单独引入。第一种操作 Dom引入js：export default { mounted() { const s = document.createElement('script'); s.type = 'text/javascript'; s.src = '你的需要的js文件地址'; document.body...
2024-01-10vue js 可选链报错问题?
const name = undefinedconsole.log('? ~ mounted ~ name', name?.()) // undefinedconst name = 'mike'console.log('? ~ mounted ~ name', name?.()) // TypeError: name is not a function这是为什么呢....回答：Optiona...
2024-03-12
vue的路由懒加载多个js问题？
完成路由懒加载之后，有些页面是自己的js，有些页面内有多个文件的js呢，如图，我只打开了StyduGradenList页面，打开页面后还加载了一些别的页面的js，应该不是所有页面的js文件，其他的这几个js是怎么进来的呢回答：组件需要的 JS 吧，看起来跟 AntD 有关。其实这就是路由懒加载的好处，即你不用关心哪些 JS 是必须的，包管理工具会帮你处理，省好多事。回答：这个是因为你页面公共部...
2024-03-14
vue+js实现视频淡入淡出效果
vue+js实现视频的淡入淡出，供大家参考，具体内容如下一个简单的视频淡入淡出效果如图小编直接上代码了有兴趣可以拷贝运行一下，谢谢<template> <div class="video-css"> <div class="videocss" ref="videodom" style="background-color:black;"> <video width="100%" ref="play" style="opacity: 1" :src="videoSrc2"></video> ...
2024-01-10
js实现大转盘抽奖（vue举例）
在开发项目得时候遇到这样一个需求，在移动端项目有个支付抽奖页面，大概效果图如下：简单介绍一下需求，点击抽奖按钮转盘转动，转盘里边黄色块块是个整张背景图，里边的商品是从接口获取得，包括奖品名称和图片，商品和中奖概率后台可以动态修改，唯一确定得是永远有8个奖品。1、布局...
2024-01-10模块或编号Vuejs模板
我有我的.Vue文件（及其子组件）中定义的模板。 我的目标是为客户提供覆盖此模板而不更改任何JavaScript的可能性。模块或编号Vuejs模板如果存在id =“search-result”的元素，则使用此元素。如果不使用* .Vue文件中定义的那个。我可以以某种方式实现这一目标吗？我阅读了关于inline-Templates的内容，但问...
2024-01-10
QS：vue中qs的使用
关于Vue中，序列化字符串，处理发送请求的参数使用工具qs来处理参数步骤：1、首先先下载：npm i qs 2、然后引入 ：import qs from 'qs'3、qs主要有两个方法 ：方法一：将对象序列化，多个对象之间用&拼接（拼接是由底层处理，无需手动操作）qs.stringify() 转换成查询字符串let comments = {content: this....
2024-01-10
如何在vue中使用svg
1、安装依赖npm install svg-sprite-loader --save-dev2、在config文件中配置 const path = require('path'); function resolve(dir) { return path.join(__dirname, dir) } chainWebpack(config) { // set svg-sprite-loader config.module .rule('svg') .exclu...
2024-01-10
Vuejs中网格布局组件
想实现类似 MadeWithVuejs 网站主页类似的效果的网格布局，使用 table 中的 row 和 column 属性能不能实现这样的效果呢？(正在尝试用table去写，先提个问题看看有没有好用的Vue组件)效果就是:每条记录对应一个Card每一行最多只有3个Card添加一条记录，就添加一个Card，每一行超过3个时，自动换行到下一行...
2024-01-10
【前端】vue组件如何引入外部js
我想在一个单页组件中引入一个外部的swiper.js，我不想安装依赖，想直接导入js，有办法实现吗，import和require都尝试过但是好像没有成功回答require / exports 是 CommonJS(在Node中实现) , import / export 是 ES2015 的模块，使用 vue 必然会用到 webpack，webpack 1 对 CommonJS 默认支持，对 ES2015 也只要使用 babel 就可以了。h...
2024-01-10
