小写 大写 方法vue
element-ui table 组件的表头加tips 提示信息的方法
需求:表格有一列是显示比重,用户想知道这个比重数据的计算公式,需要再表头加一个小图标,鼠标放在图标上,显示计算公式。 分析:该需求的实现方式有两种,我们说一个比较简单的,且没有样式问题的。 实现: <el-table-column prop="fundRatio" align="center"> < ......
vue3中如何通过遍历传入组件名称动态创建多个component 组件
背景 在 vue3 中,如果使用 component,可以动态加载一个组件,例如 <!-- 直接创建 --> <component :is="Image" /> 这样会将已经定义好并导入的比如 Image 组件加载出来,但是如果将需要展示的自定义组件放在一个数组中,遍历展示,则无法展示成功。 <!- ......
直播app开发搭建,Vue如何绑定一个每两秒生成的随机数
直播app开发搭建,Vue如何绑定一个每两秒生成的随机数 1、封装范围内随机整数 // 把随机数公式进行封装// 1. 准备一个函数, 接受几个参数// 两个参数, 分别是 a 和 bfunction randomNum(a, b) { // 2. 判断一下两个数字的大小关系 var max = M ......
Vue之移动端viewport-vw适配
一、前置知识 vw:与视口的宽度有关,1vw 就是视口宽度的 1% vh:与视口的高度有关,1vh 就是视口高度的 1% vmin:与当下视口的宽度和高度的最小值有关,取值为 vw 和 vh 中较小的那个 vmax:与当下视口的宽度和高度的最大值有关,取值为 vw 和 vh 中较大的那个 vmin ......
Linux 网络配置 ---桥接模式---最简单的方法!!!
1.桥接模式( Bridged) VMware桥接模式,也就是将虚拟机的虚拟网络适配器与主机的物理网络适配器进行交接,虚拟机中的虚拟网络适配器可通过主机中的物理网络适配器直接访问到外部网络。简而言之,这就好像在上图所示的局域网中添加了一台新的、独立的计算机一样。因此,虚拟机也会占用局域网中的一个IP ......
从0搭建Vue3组件库(七):使用 glup 打包组件库并实现按需加载
使用 glup 打包组件库并实现按需加载 当我们使用 Vite 库模式打包的时候,vite 会将样式文件全部打包到同一个文件中,这样的话我们每次都要全量引入所有样式文件做不到按需引入的效果。所以打包的时候我们可以不让 vite 打包样式文件,样式文件将使用 gulp 进行打包。那么本篇文章将介绍如何 ......
android 设置亮度相关方法
package com.example.lightsensortest; import android.content.ContentResolver; import android.content.Context; import android.provider.Settings; import ......
CentOS7.9快速配置服务器网卡聚合双bond方法
说明:服务器双口,分别为em1-2个口em1、em2 1、 开启 NetworkManager systemctl start NetworkManager yum install bridge-utils 2、备份配置文件 mkdir -p /data/bak/ cp -r /etc/syscon ......
Vue-示例
计数器 <div id="counter"> <button @click="subOne">-</button> <span>{{num}}</span> <button @click="addOne">+</button> </div> <script src="https://cdn.jsde ......
金额数字转中文大写
封装一个方法: function convertCurrency(money) { // 汉字的数字 let cnNums = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖']; // 基本单位 let cnIntRadice = ['', '拾' ......
vue适配移动端
vue项目中 —— rem布局适配方案 Vant 中的样式默认使用 px 作为单位,如果需要使用 rem 单位,推荐使用以下两个工具: lib-flexible 用于设置 rem 基准值 postcss-pxtorem 是一款 postcss 插件,用于将单位转化为 rem 下面我们分别将这两个工具 ......
Python判断文件是否存在的三种方法
Python判断文件是否存在的三种方法 目录 1.使用os模块 2.判断文件是否可做读写操作 3.使用Try语句 4.使用pathlib模块 正文 通常在读写文件之前,需要判断文件或目录是否存在,不然某些处理方法可能会使程序出错。所以最好在做任何操作之前, ......
Vue中使用 vue-i18n 进行国际化支持
前端国际化学习 前端国际化是很多地方都能用到的,今天学习一下用 vue3 + vite + ts + vue-i18n 插件来开发前端国际化项目 安装插件 vue-i18n npm install vue-i18n 创建翻译文件 -在 src 目录下新增 lang 目录,存放多语言文件 -这里简单创 ......
Vscode爆红,Delete `␍`eslint(prettier/prettier)错误的解决方法
一、问题 使用vscode学习nest.js的过程中,遇到了多处爆红,编辑器每行代码最后都出现了红色的波浪号。如图: 二、主要原因 通过度娘大力支持,最终在多种方法结合下解决了这些波浪线。源头都是因为安装了 Prettier 插件指定了文件的结尾换行符与系统不一致导致的。 Windows在换行的时候 ......
GET和POST两种基本请求方法的区别(深入解析)
GET和POST是HTTP请求的两种基本方法,要说它们的区别,接触过WEB开发的人都能说出一二。 最直观的区别就是GET把参数包含在URL中,POST通过request body传递参数。 你可能自己写过无数个GET和POST请求,或者已经看过很多权威网站总结出的他们的区别,你非常清楚知道什么时候该 ......
vue前端导出excel
<template> <el-button style="float: right; margin: 10px" type="primary" @click="export2">导出</el-button> <!-- 导出表格 start--> <el-table class="tableExpor ......
docker容器进行文件挂载失败的解决方法
不支持直接挂载文件,会生成与文件同名的目录,导致挂载失败,报错信息如下: docker: Error response from daemon: failed to create shim task: OCI runtime create failed: runc create failed: un ......
如何创建electron-vue项目?
简介 electron是一个开源的桌面端框架,上手快,界面美观,跨平台,但由于是封装的网页,性能一般,适用于一些追求外观,对性能要求不高的项目,此处记录基于electron-vue创建项目的全流程,前端使用vue,后端使用python,方便后续直接使用。 环境安装 当前系统 Windows 前端环境 ......
jquery.js升级后,原来的方法报错
找到了 <script src="http://code.jquery.com/jquery-latest.js"></script>// 换成你的jQuery版本 <script src="http://code.jquery.com/jquery-migrate-1.0.0.js"></scri ......
出现(.toFixed is not a function)原因及解决方法
toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。 解决 :toFixed只能针对Number类型才能使用,所以对于字符类型的要用parseFloat或者parseInt函数先转一下再调用 ......
'vue-cli-service' 不是内部或外部命令,也不是可运行的程序
‘vue-cli-service’ 不是内部或外部命令,也不是可运行的程序 产生原因: 项目下的node_modules文件损坏。 解决方案: 第一步:删除图片中的文件 第二步:在Terminal中运行yarn install或者npm install; 可能会报缓存问题: 清缓存:yarn cac ......
vue设置input不可编辑切换
<a-input name="a" v-model="formValidate.coName" placeholder="请输入姓名" v-bind:disabled="diasabledInput"></a-input> export default { data () { return { di ......
安装docker服务报错Error: Nothing to do:解决方法
报错信息: 报错原因: 1、可能是因为镜像仓库的问题,导致下载不下来。 2、还有就是没有清理yum缓存导致的。 解决方法: 1、下载关于docker的以来环境。 yum -y install yum-utils device-mapper-persistent-data lvm2 2、设置一下下载D ......
Vue3中KeepAlive的使用
我们在开发一个功能是,经常会遇到从一个列表页面,点击列表项跳转到详情页面的需求,理想的情况下,从详情页面返回到列表页,应该回到跳转前的状态,可以继续浏览其他内容;但是在没做任何处理的情况下,返回列表页后,列表页会被刷新,回到初始的状态,这就与我们的预设不符;为了实现这样的需求,我们需要使用keep- ......
vue2的全屏插件--"screenfull": "^4.2.0",
安装 cnpm install screenfull@4.2.0 --save 引入 import screenfull from 'screenfull' api request(element传参某个元素) 全屏 exit() 退出全屏 toggle() 切换全屏 on(event, funct ......
JSON 的常用方法与初识跨域
JSON 的常用方法 JSON.parse() console.log(JSON.parse(xhr.responseText)); console.log(JSON.parse(xhr.responseText).data); <!DOCTYPE html> <html> <head> <meta ......
Vue.js 作用域插槽
视频 #components ##Categray.vue <template> <div class="category"> <h3>{{title}}分类</h3> <slot :games="games" msg="hello">我是默认的一些内容</slot> </div> </templa ......
Stream流方法的一些简单练习题
Stream流练习题 1、数据过滤 定义一个集合,并添加一些整数1,2,3,4,5,6,7,8,9,10 过滤奇数,只留下偶数 并将结果保存起来。 /** * @author 戒爱学Java * @date 2023/3/23 9:32 */ public class Test1 { public ......
Vue-002基础知识
Vue简介 Vue特点: 是JavaScript框架 可以简化Dom操作 响应式数据驱动 第一个Vue程序 官方文档: https://cn.vuejs.org/guide/introduction.html 步骤:1. PyCharm新建Vue项目 el:挂载点 data:数据对象 ......