three vue js
Vue中 v-model 和 model 的区别
Vue中 v-model 和 :model 的区别 1、v-model 通常用于表单上双向数据的绑定，如果除了表单其他组件使用时，起不到任何效果。 它还可以实现子组件到父组件的双向数据动态绑定。 input上的v-model: <input v-model="price"><!-- 下行注释的语法糖 ......
vue版本区别
一、说明： 1、Vue CLI 4.5以下，对应的是Vue2；Vue CLI 4.5及以上，对应的是Vue3，当然，创建项目的时候可以选择Vue2 2、Vue2最老的版本是含index.html的，通过“yarn global add vue-cli”安装，得到的最新版本号是2.9.6 3、只有Vu ......
Vue配置具体代理规则
//编写vue.config.js配置具体代理规则：module.exports = { devServer: { proxy: { '/api': { //配置所有以'/api'开头的请求路径 target: 'http://luckybox.server.godtechnology.com/', ......
JS输出当前周一到周日范围时间
网上搜的都感觉好复杂，看不懂，自己写了个，存着。 1 //格式化时间 2 const formatTime = function (date) { 3 const year = date.getFullYear().toString(); 4 const month = (date.getMonth ......
springboot+VUE——mybatis分页和Element Plus的分页组件实践
分页只有基础的分页功能，跳转和动态选择每页展示多少条数据的功能可以参考Element Plus的分页组件自行配置并且传入相应的方法即可！ <script lang="ts" setup> /** * 分页变量数据 */ const pagination = ref({ current_page: 1 ......
js实时显示当前时间（转载）
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>显示时间</ ......
vue+elementUi中国省市区/省市，三级/两级联动选择
安装城市数据 npm install element-china-area-data -S 导入数据 import { regionData, codeToText } from 'element-china-area-data' 1. 显示全部城市 HTML代码： <template #equip ......
cesium.js入门基础教程二 （影像和标注）
影像简介 Cesium加载大的虚拟地球默认是有影像的，如图： 默认使用的影像是 “Bing Maps Aerial”： 影像提供者 ImageryProvider 除了途中列出的一些影像，开发者可以通过Cesium中的ImagerProvider影像提供者类创建所需的影像，Cesium中提供了很多种 ......
js中Array.from方法
这个方法,主要用于将一个类似数组的东西变成为数组 一.将一个字符串转化伪数组 let str='helloWord' let arr =Array.from(str) console.log(arr) //输出 ['h', 'e', 'l', 'l', 'o', 'W', 'o', 'r', 'd' ......
js中数组map和集合map
js中数组的map: 使用情况: 想要对一个数组进行操作,然后又不想改变原来的数组数据,还想基于原来数组的数据进行改造,那么可以使用map 写法一: let arr=[1,2,3,4] let newArr=arr.map(item=>{ return ++item }) console.log(n ......
Vue3 setup 方法的一些基本使用总结
官网介绍：https://cn.vuejs.org/api/composition-api-setup.html 基本使用 setup() 钩子是在组件中使用组合式 API 的入口，通常只在以下情况下使用： 需要在非单文件组件中使用组合式 API 时。 需要在基于选项式 API 的组件中集成基于组合 ......
[Vue]el-radio想要传入全部类型时，label绑定空字符串
记录一下，原本以为不可以这样绑的。这样就可以空查了。 <el-form-item label="类型" prop="type"> <el-radio label="" v-model='query.type' @change="handleQuery">全部</el-radio> <el-radio ......
富文本编辑器：Vue整合wangEditor
最近在做项目时，客户有个发布新闻动态的功能，具体页面内容让客户自己编写，所以要选择富文本编辑器，这样用户体验好一点。网上有很多的富文本编辑器， 因为项目的功能并不是很复杂，所以选择了wangEditor，界面简洁，使用起来也挺方便的； 实现思路 1.安装wangEditor2.封装成组件3.父组件中 ......
项目开发之vue中如何刷新子组件，重置组件，重新加载子组件
项目场景：在父组件循环数据列表中，列表中有事件点击打开某个子组件； 父组件中要更新子组件的值 问题描述在父组件循环数据列表中，点击打开某个子组件，A数据打开子组件后，B数据再打开子组件，此时子组件中会有缓存A数据。 原因分析：子组件没有刷新，还是停留在上一个数据缓存 解决方案：给组件添加key值 原 ......
JavaWebDay2Vue
el表明所接管的区域 #app为id值 data用来接管数据的模型 v-model绑定了一个数据模型 vue常用指令 1：v-bind与v-model v-bind：可以简化为 ： 注意：通过v-bind和v-model所绑定的变量必须再数据模型中声明 2.v-on v-on：可以简化为@ 所绑定的 ......
js 跳出多层循环（终止循环）
1、throw new Error() 优点：可以中断循环执行；适用于各种形式（for循环，forEach循环等）缺点：相当于强制抛错中断执行，不仅终止了循环，后续代码也不再执行 废话不多说，上例子，找出 【第一个爱吃芒果】 的人： const arr = [ { name: '张三', fruit ......
[JavaScript] JS中如何跳出循环/结束遍历
[JavaScript] JS中如何跳出循环/结束遍历 直接抛结论，下表是JS中常用的实现循环遍历的方法的跳出/结束遍历的办法，经过测试后的总结。可能各位大佬还有其他的办法，我在此表示大佬NB。 序号方法breakcontinuereturnreturn truereturn false结论 1 f ......
vue3自定义组件全局注入
/** * 自定义组件全局注入 * @param app vue实例 */ import { defineAsyncComponent } from "vue"; export default function (app) { // 收集@/components所有.vue组件 const comp ......
基于.NET Core + Quartz.NET+ Vue + IView开箱即用的定时任务UI
前言 定时任务调度应该是平时业务开发中比较常见的需求，比如说微信文章定时发布、定时更新某一个业务状态、定时删除一些冗余数据等等。今天给大家推荐一个基于.NET Core + Quartz.NET + Vue + IView开箱即用的定时任务UI（不依赖数据库,只需在界面做简单配置）：Quartz.N ......
js29
1、使用requests的get()函数访问必应网站20次，打印返回状态，text()内容，计算text属性和content属性所返回网页内容的长度。 代码如下： import requestsfor i in range(20): r = requests.get('https://cn.bing ......
vue部署项目报错导致空白页解决
在nginx上部署项目出现空白页并报错 解决方法： 在vue的vue.config.js文件中 改成：module.exports = {publicPath: './'} ......
vue文件下载调取浏览器下载进程
fetch+streamSaver 前端在使用axios发送网络请求时，如文件下载，无法实时获取当前已经下载的文件流，只有当后端返回全部流时，才能在浏览器右下角显示已经完成的进度。 但是当文件很大时，就会出现长时间的等待，而且不显示下载进度。 此时可以通过fetch来发送网络请求实时获取已经下载的文 ......
在Vue中使用HappyPack
在Vue中使用HappyPack 1、介绍HappyPack 由于有大量文件需要解析和处理，构建是文件读写和计算密集型的操作，特别是当文件数量变多后，Webpack 构建慢的问题会显得严重。 运行在 Node.js 之上的 Webpack 是单线程模型的，也就是说 Webpack 需要处理的任务需要 ......
vue实现打印功能
1. 安装插件 npm install vue-print-nb --save 2. main.js中全局引入 import Print from 'vue-print-nb' Vue.use(Print); 3. 页面中使用 <el-dialog :visible.sync="openCodeCa ......
Mac 配置Sencha环境（Ext JS6）
1. 下载安装包 地址：Sencha Cmd Download - Sencha Cmd Latest Version 下载所需的版本 2. 解压，安装 3. 配置环境变量 vim ~/.bash_profile 添加一行环境变量（根据你自己的安装目录修改变量）： export PATH=${PAT ......
three.js 3d模型使用|vue项目使用three.js
three.js 3D模型使用 安装 安装three.js npm install three 安装轨道控件插件 npm install three-orbit-controls 安装加载.obj和.mtl文件的插件 npm install --save three-obj-mtl-loader 安 ......
vue3 对子组件使用 v-model，关于绑定对象的问题
这里有最基本的使用，vue3官网 组件 v-model 我来讲讲注意事项， 如果你 v-model 的是个 reactive 创建的对象，那么将不起作用，必须得是 ref 创建的对象 要知道，v-model： <input v-model="searchText" /> <!-- 等价于 --> < ......
websocket使用方法|vue实时推送
WebSocket实时推送 创建一个WebSocket对象： 准备变量 mounted() { // 初始化 const uri = window.location.href; // 获取网页url const protocol = uri.split("/")[0]; // https: 确定当前 ......
pdfjsWrapper.js 直接使用
import { PDFLinkService } from "pdfjs-dist/es5/web/pdf_viewer"; var pendingOperation = Promise.resolve(); export default function (PDFJS) { function i ......