文章 2023-11-20 来自:开发者社区

基于vue的cron表达式组件——vue-crontab插件

前言: vue 的 cron 组件,支持解析/反解析 cron 表达式,生成最近五次的符合条件时间,依赖 vue2 和 element-ui效果图: 一、下载安装依赖插件 npm install vcrontab二、引用方式 //全局引入 import vcrontab from "vcrontab"; Vue.use(vcrontab); //使用方式: //单独引入 import vcron....

基于vue的cron表达式组件——vue-crontab插件
文章 2023-11-09 来自:开发者社区

vue.js提交按钮时简单的if判断表达式示例

简单的业务需求如下,看图说话1:当充值金额没有填写的时候,会有Toast小弹框提示“请输入有效的充值金额”if (!this.money) { console.log('money',money); Toast({ message: '请...

文章 2023-10-30 来自:开发者社区

vue中一个标签中含有多个class(其中包含三元表达式)的写法

vue中一个标签中含有多个class(其中包含三元表达式)的写法1、数组形式<div :class='["classify",current=="0" ? "active" : ""]' @click='current=0'>课程</div>注意:数组中的classify如果不加引号的话,代表的是data中的一项,并不是类名,将classify加上双引号,变成字符串就可.....

vue中一个标签中含有多个class(其中包含三元表达式)的写法
文章 2023-08-05 来自:开发者社区

Vue--姓名案例--插值表达式|方法|计算属性

1. 插值表达式实现需要对显示的全名进行处理时,插值表达式中虽然可以写 js 表达式,但是任意过长,造成代码不易阅读【官网截图】<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" conten...

Vue--姓名案例--插值表达式|方法|计算属性
文章 2023-08-05 来自:开发者社区

Vue----模板渲染语法中使用JavaScript表达式

3.5 模板渲染语法中使用JavaScript表达式在vue提供的模板渲染语法中,除了支持绑定简单的数据值外,还支持JavaScript表达式运算。用法示例:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" ...

Vue----模板渲染语法中使用JavaScript表达式
文章 2023-07-26 来自:开发者社区

基于vue的cron表达式组件——vue-crontab插件

前言: vue 的 cron 组件,支持解析/反解析 cron 表达式,生成最近五次的符合条件时间,依赖 vue2 和 element-ui效果图: &nbsp;一、下载安装依赖插件npm install vcrontab二、引用方式//全局引入 import vcrontab from "vcrontab"; Vue.use(vcrontab); //使用方式: //单独引入 import v....

基于vue的cron表达式组件——vue-crontab插件
文章 2023-07-10 来自:开发者社区

Vue中解决v-show & 三目表达式 判断后中的值改变,但视图不刷新问题。

可编辑表格 问题:之前在data里面设置了一个变量和v-show来解决div隐藏问题,类似这样。 <el-button type="primary" @click="showAdvanceSearchView=!showAdvanceSearchView"> <div v-sho...

文章 2023-02-20 来自:开发者社区

【vue2】基础概念 01 (vue框架介绍、el、data、插值表达式)

一、vue概念     vue官方描述为是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。无论是简单还是复杂的界面,Vue 都可以胜任。1.对比组件库        对比我们之间学的组件库来说(拿momen....

【vue2】基础概念 01 (vue框架介绍、el、data、插值表达式)
文章 2023-01-31 来自:开发者社区

Vue之插值表达式(下)

2、事件修饰符在事件处理程序中调用 `event.preventDefault()` 或 `event.stopPropagation()` 是非常常见的 需求。尽管我们可以在方法中轻松实现这点,但更好的方式是:方法只有纯粹的数据逻辑, 而不是去处理 DOM 事件细节。 为了解决这个问题,Vue.js 为 `v-on` 提供了事件修饰符。修饰符是由点开头的指令后缀来 表示的。 `.stop` ....

Vue之插值表达式(下)
文章 2023-01-31 来自:开发者社区

Vue之插值表达式(上)

1、插值表达式1)、花括号格式:{{表达式}}说明: 该表达式支持 JS 语法,可以调用 js 内置函数(必须有返回值) 表达式必须有返回结果。例如 1 + 1,没有结果的表达式不允许使用,如:let a = 1 + 1; 可以直接获取 Vue 实例中定义的数据或函数2)、插值闪烁使用{{}}方式在网速较慢时会出现问题。在数据未加载完成时,页面会显示出原始的`{{}}`, 加载完毕后才显示....

Vue之插值表达式(上)

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注