写法vue2 vue js
vue 中的html和v-html区别
<template> <div>2222</div> <p>{{message}}</p> <p>{{rawhtml}}</p> <p v-html="rawhtml"></p></template><script> export default{ data(){ return{ message:' ......
前端Vue仿企查查天眼查高管信息列表组件
随着技术的不断发展,传统的开发方式使得系统的复杂度越来越高。在传统开发过程中,一个小小的改动或者一个小功能的增加可能会导致整体逻辑的修改,造成牵一发而动全身的情况。为了解决这个问题,我们采用了组件化的开发模式。通过组件化开发,可以有效地实现单独开发,单独维护,而且它们之间可以随意的进行组合。大大 ......
前端Vue仿企查查 天眼查知识产权标准信息列表组件
引入Vue仿企查查天眼查知识产权标准信息列表组件 随着技术的不断发展,传统的开发方式使得系统的复杂度越来越高。在传统开发过程中,一个小小的改动或者一个小功能的增加可能会导致整体逻辑的修改,造成牵一发而动全身的情况。为了解决这个问题,我们采用了组件化的开发模式。通过组件化开发,可以有效地实现单独开 ......
前端Vue自定义得分构成水平柱形图组件 可用于系统专业门类得分评估分析
引入Vue自定义得分构成水平柱形图组件:cc-horBarChart 随着技术的发展,传统的开发方式使得系统的复杂度越来越高,一个小小的改动或小功能的增加可能会导致整体逻辑的修改,造成牵一发而动全身的情况。为了解决这个问题,我们采用了组件化的开发模式。通过组件化开发,可以有效地实现单独开发,单独 ......
2、Vue中安装element-plus
1、在项目终端命令行中输入 :pnpm install element-plus --save 2、项目中导入 element import ElementPlus from 'element-plus' import 'element-plus/dist/index.css' 3、使用elemen ......
1、使用vite快速构建Vue项目
1、cmd输入: npm init vite@latest 项目名称 此时项目已经创建成功 2、进入项目目录输入 npm install 3、运行项目:npm run dev 浏览器访问 http://localhost:5173/ 4、安装pnpm , 输入命令:npm install -g pn ......
vue项目中全局引入cass(scss)变量和sass(scss) mixin
1、使用场景 variable.scss文件样例 // 颜色定义规范$color-background: #222;mixin.scss文件样例 // 背景图片@mixin bg-image($url) { background-image: url($url + "@2x.png"); @medi ......
vue --version 运行出现throw new ERR_SYSTEM_ERROR 错误
(1)根据错误提示信息,找到出错入口文件: E:\SVN\zlpt\node_modules\node-ipc\entities\Defaults.js 然后指定位置添加如下代码即可: const os = require('os');os.hostname=()=>"localhost"; ......
How to automatically run a scheduled task every hour in Node.js All In One
How to automatically run a scheduled task every hour in Node.js All In One
如何在 Node.js 中每间隔一小时自动运行一个定时任务
......
Vue项目打包,部署到apache服务器
初学veu,实战项目上线服务器,查遍全网和问遍身边大佬,终于经过我不断地探索,上线成功啦,现在我就为大家梳理一下思路。首先,我们先看一下官网链接: Vue CLI部署., 参数配置:publicPath. , Vue Router:HTML5 History 模式 1、步骤1、项目配置2、打包项目, ......
基于 Python 和 Vue 的在线评测系统
基于 Docker,真正一键部署 前后端分离,模块化编程,微服务 ACM/OI 两种比赛模式、实时/非实时评判 任意选择 丰富的可视化图表,一图胜千言 支持 Template Problem,可以添加函数题甚至填空题 更细致的权限划分,超级管理员和普通管理员各司其职 多语言支持:C, C++, Ja ......
vue2组件
概念 组件是视图层的基本组成单元。 组件是一个单独且可复用的功能模块的封装。 一个组件包括开始标签和结束标签,标签上可以写属性,并对属性赋值。内容则写在两个标签之内。 根节点为 <template>,这个 <template> 下只能且必须有一个根 <view> 组件。这是vue单文件组件规范。 一 ......
VUE中的 TreeSelect使用
vue-treeselect的组件使用 一 先通过npm 安装 vue-treeselect npm intall --save @riophae/vue-treeselect 二 页面中引入,声明组件 三 页面使用 然后动态绑定data(数据) 这个Id和Label还有children都是可以修改 ......
js获取元素滚动高度,body高度...
获取浏览器显示区域(可视区域)的高度 : $(window).height(); 获取浏览器显示区域(可视区域)的宽度 :$(window).width(); 获取页面的文档高度 $(document).height(); 获取页面的文档宽度 :$(document).width(); 浏览器当前窗 ......
从零开始一个vue3前端项目day03-网络请求配置篇
网络请求配置是项目中必不可少的部分,接下来就讲解一下项目中网络请求配置的常用步骤1:选择网络请求库,一般vue采用axios,react采用umi框架的request,接下来就是在项目引入啦 $ npm install axios 2:一般在项目中我们都会对网络请求进行一个相应的封装,采用axios ......
disable/enable an elment using jQuery & JS
1. JS: 2. jQuery: 参考网址: https://stackoverflow.com/questions/13831601/disabling-and-enabling-a-html-input-button https://stackoverflow.com/questions/14 ......
学习JS技巧的文章
学习JS技巧的文章 第一段:入门JS的基础知识 在学习JavaScript之前,了解一些基础知识是非常重要的。首先,我们需要了解JavaScript是一种高级编程语言,它主要用于开发Web应用程序。它具有与其他编程语言相似的语法结构,如变量、函数、条件语句和循环等。其次,学习HTML和CSS对于理解 ......
Node JS通过jwt设置token
token(身份令牌),其实就是用加密算法加密少量用户信息,以及记录创建时间与其他少量配置项,聚合而成的一个字符串。 如果你的服务端只有登陆时需要验证,之后都处于无信任状态——譬如用户权限、路由等信息都存储在客户端缓存内,那token就没必要了; 如果需要进行验证,那token就能很好的完成这个任务 ......
关于处理 vue data中对象或数组中响应式数据的注意点
vue2 中针对对象中的响应式数据,如果要想修改他们,只能通过监听的特性实现。不能直接赋值。 在 vue2 源码中,计算属性和 watch 的实现方式是一样的,都具有监听响应式对象或数组中的数据的功能。区别就是,计算属性具有缓存机制。 除此之外,还可以直接使用 this.$set(obj,key:S ......
el-dialog的js使用方式
this.$confirm("提交后不允许编辑,是否继续提交?", "提示", { confirmButtonText: "确定提交", cancelButtonText: "取消", type: "warning", }) .then(() => { this.submitForm("ruleFo ......
centos node.js安装puppeter遇到的一些错误
libatk-1.0.so.0 Failed to launch the browser process! /data/project/p_base/node_modules/puppeteer/.local-chromium/linux-1002410/chrome-linux/chrome: e ......
js hook
(function(){ var org=window.XMLHttpRequest.prototype.setRequestHeader; window.XMLHttpRequest.prototype.setRequestHeader = function(key,value){ if(key= ......
Vue3 组件封装——文件上传
1. 默认方法 使用 input 标签 设置 type = file <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edg ......
js 压缩库 LZString,压缩率大约 10%
1 // Copyright (c) 2013 Pieroxy <pieroxy@pieroxy.net> 2 // This work is free. You can redistribute it and/or modify it 3 // under the terms of the WTF ......
直播软件开发,点击屏幕隐藏键盘的正确写法
直播软件开发,点击屏幕隐藏键盘的正确写法 方法一: - (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{ [self.view endEditing:YES];} 方法二: - (void)tou ......
关于vue.js
一、使用之前,我们先来掌握3个东西是用来干什么的。 npm: Nodejs下的包管理器。 webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包。 vue-cli: 用户生成Vue工程模板。(帮你快速开始一个vue的项目,也就是给 ......
js实现html页面翻译
引入js库 <script src="https://res.zvo.cn/translate/translate.js"></script> 在页面最底部加入js代码 //translate.ignore.tag.push('span'); //翻译时追加上自己想指定忽略的tag标签,凡是在这里面 ......
JS:.split()
参考网址: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String/split split() 方法接受一个模式,通过搜索模式将字符串分割成一个有序的子串列表,将这些子串放入一个数 ......