草庐IT

Vue3的setup基础

全部标签

javascript - 如何在 vue.js 中使用 onfocusout 函数?

我想在光标从一个文本框移动到下一个文本框时立即调用一个函数。应在单击选项卡时或在输入预期条目并移至下一个条目后进行函数调用。 最佳答案 使用v-ondirective为blur添加事件监听器或focusout在上:v-on:EVENT_NAME="METHOD"示例:或更短的语法:@EVENT_NAME="METHOD"示例:newVue({el:'#app',methods:{handleBlur(e){console.log('blur',e.target.placeholder)},handleFocusout(e){cons

javascript - Vue.js 计算属性不更新

我正在使用Vue.js计算属性,但遇到了一个问题:计算方法IS在正确的时间被调用,但计算方法返回的值被忽略了!我的方法computed:{filteredClasses(){letclasses=this.project.classesconstret=classes&&classes.map(klass=>{constklassRet=Object.assign({},klass)klassRet.methods=klass.methods.filter(meth=>this.isFiltered(meth,klass))returnklassRet})console.log(JSO

javascript - 如何根据 Vue 中的特定值使输入只读?

如何根据Vue数据让输入框只读?例如:=1"name="cat_id">我想让该字段只读但不禁用。我怎样才能做到这一点? 最佳答案 请注意,根据HTML规范,HTML中的select标签没有只读属性。但是,在一般情况下,我会选择这样的方式:=1">基本上,文档说如果属性值的计算结果为false,则该属性将被忽略。参见here了解更多详情。 关于javascript-如何根据Vue中的特定值使输入只读?,我们在StackOverflow上找到一个类似的问题: h

javascript - 我如何在 vue 模板中使用 const?

我试图在*.vue文件中定义一个const:exportconstCREATE_ACTION=1,exportconstUPDATE_ACTION=2并在模板中使用它们:.......但它不起作用。如何在Vue模板中使用const? 最佳答案 如果你将它们暴露在你的数据上,你就会使它们成为不必要的react,正如@mix3d提到的......更好的方法是将它们添加到Vue对象中ReactivityinDepth:Somethingexportdefault{created(){this.CREATE_ACTION=CREATE_AC

Vue+Element-ui+Express+MySQL数据库实现登录跳转功能

文章目录前言一、前期准备二、初始化vue项目1.全局安装vue2.全局安装vue-cli脚手架3.基于webpack初始化项目三、引入相关库和依赖1.安装依赖2.引入相关依赖四、创建组件1.Login.vue2.验证码Identify组件:3.router的index.js中引入组件4.修改路由跳转5.创建后端服务五、解决跨域问题六、验证登录1.运行项目2.验证登录3.登陆跳转成功总结前言本篇文章介绍使用vue+element-ui+express框架,结合MySQL数据库实现简单的登录跳转功能一、前期准备node.js环境(14.17.6)npm包管理工具(8.3.0)二、初始化vue项目1

​性能测试基础——性能测试方案(示例)

前面所说的测试分析等准备工作实际上最终目的是制定测试方案,测试方案一般包括:项目的简要说明、项目系统结构、项目的业务结构、以及项目的性能需求、测试环境数据以及测试策略方法、测试案例、测试人员进度安排以及测试风险预估等等。下面是一个一般的性能测试方案样例(在网页上写有排版问题,需要自行进行排版):文档修订记录目录1.概述….52.术语、定义和缩略语….53.性能测试依据及参考….54.性能测试计划….55.性能测试目标….66.性能测试环境….66.1.网络拓扑图….66.2.应用系统架构….76.3.应用系统风险点分析….86.4.软硬件配置….87.性能测试准备….87.1.性能测试数据….

基于python FastAPI + Vue的一套CMS开源源码模板

FastAPI-Vue简介运行截图DemoURL账号项目部署FIRSTAPPWEBNGINX写在最后展望反馈版权致谢简介GITHUB:https://github.com/JohnDoe1996/fastAPI-vue.gitGITEE:https://gitee.com/zy1234500/fastAPI-vueFastAPI-Vue是个人开发并使用的CURD模板之一,代码功能不难,主要是减少浪费时间在用户系统的开发。fastAPI的性能在Python中还算挺不错的,使用起来也很方便。github上也有其他fastAPI和vue组合的代码,个人觉得不是很符合我自己,然后就自己开发了一套,现开

jenkins基础使用

 一、jenkins介绍jenkins是一款开源的CICD软件,在市面上各类开源相关软件中处于领先位置。从个人角度更倾向于将其看作一个具备cicd功能的开源框架,在期1000+插件、扩展库功能以及良好的shell兼容性的基础你几乎可以用jenkins来做任何事情。这里介绍一下从一台祼服务器开始搭建一个最简单的jenkins服务。名词:    构建: 指jenkins任务的执行或运行    编译: 软件代码从源代码生成二进制可执行文件的过程    另: 本文中job与任务代表同样意义。二、准备工作软件环境:linux服务器Centos7中间件:jdk            #提供基础的运行环境a

vue2富文本编辑---简单实现文字、图片、视频等功能可以同时编辑

效果图: 1、安装yarnadd@wangeditor/editor#或者npminstall@wangeditor/editor--saveyarnadd@wangeditor/editor-for-vue#或者npminstall@wangeditor/editor-for-vue--save2、在对应使用页面加入a、html: b、js:在内引入组件和需要用的文件:importaxiosfrom'axios' importVuefrom'vue' import{ Editor, To

【java】Java基础-数字与字符串的互转汇总

Java基础-数字与字符串的互转一、数字转字符串1、通过ToString()方法,Double就是一个包装类,Strings1=Double.toString(num);Integer同理2、通过valueof()方法,本质上还是调用toString()方法,Strings2=String.valueOf(num);3、技巧性,第三种没有借助包装类 Strings3=""+num;二、字符串转数字string和int之间的转换string转换成int :Integer.valueOf("12")或者Integer.PaseInt(“12”)三、 char和int之间的转换首先将char转换成s