2个小技巧

摘要:
概述:沉迷于商业,无法自拔,今天让我们来潜水吧。记录2个未来发展的提示。我相信它们对其他人也有用。因此,在某些情况下,对于可以使用v-model的组件,我们只需要使用:value。例如,我可以在getInput方法中对val执行其他处理。

概述

沉迷业务,无法自拔ing,今天就水一下好了。记录 2 个小技巧,供以后开发时参考,相信对其他人也有用。

求最大值

一般对数据求最大值我是这么求的:

const max = [1, 2, 3, 4, 5].reduce((accu, curr) => accu > curr ? accu : curr);

但是还有更简单完全不需要考虑兼容问题的方法:

const max = Math.max(...[1, 2, 3, 4, 5]);

v-model 的另一种使用

我们知道,v-model 其实就是 :value 和 @input 的合体。所以,有些情况下,对于那些能够使用 v-model 的组件,我们只需使用 :value 就可以了。(比如说 el-input 和 el-checkbox)

比如说 el-input,示例代码如下:

<template>
  <el-input
    :value="input"
    placeholder="请输入内容"
    @input="handleInput"
  ></el-input>
</template>
<script>
export default {
  data() {
    return {
      input: '',
    };
  },
  methods: {
    handleInput(val) {
      this.input = val;
      console.log(val);
      console.log('this.input', this.input);
    },
  },
};
</script>

上面的代码和使用 v-model 有同样的效果,但是能对 input 进行更精细的控制。比如说,我可以在 getInput 方法里面对 val 进行其他处理。

再比如 el-checkbox,示例代码如下:

<template>
  <el-checkbox
    value="checked"
    @change="handleCheckboxChange"
  ></el-checkbox>
</template>
<script>
export default {
  data() {
    return {
      checked: false,
    };
  },
  methods: {
    handleCheckboxChange(val) {
      this.checked = val;
      console.log(val);
      console.log('this.checked', this.checked);
    },
  },
};
</script>

免责声明:文章转载自《2个小技巧》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇操作系统概念学习笔记三 cpu调度算法解决 django.db.utils.OperationalError: (1051, "Unknown table 'mydorm.users_studen t'")下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

bootstrap基础(二)

表单 一、基础表单 表单中常见的元素主要包括:文本输入框、下拉选择框、单选按钮、复选按钮、文本域和按钮等。 二、水平表单 在<form>元素上使用类名“form-horizontal” <form class="form-horizontal" role="form"> <div class="form-group">...

前端基础之JQuery

目录: JQuery简介 选择器与筛选器 属性,css,文档处理 each循环、文档节点处理、动画效果、css操作 插件机制 示例 一、JQuery简介 1、JQuery的由来: jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多 javascript高手加入其team。 jQuery是继prototype之后又一个优秀的Ja...

CentOS下防御或减轻DDoS攻击方法(转)

查看攻击IP 首先使用以下代码,找出攻击者IP netstat -ntu | awk '{print $5}' | cut -d: -f1 | sort | uniq -c | sort -n 将会得出类似如下的结果: 1 114.226.9.132 1 174.129.237.157 1 58.60.118.142 1 Address 1 s...

jQuery 根据value设置radio默认选中

jQuery 根据value设置radio默认选中: HTML: <input type="radio" name="type" value="1" checked=""> 132<input type="radio" name="type" value="2">456 JS: var sex = 2;$(":radio[name=...

基于335X平台Linux交换芯片驱动开发

基于335X平台Linux交换芯片驱动开发   一、软硬件平台资料 1、开发板:创龙AM3359核心板,网口采用RMII形式。 2、Kernel版本:4.4.12,采用FDT 3、交换芯片MARVELL的88E6321.   二、移植准备工作   1、熟悉88E6321的datasheet及Functional_Specification_Rev.0.05...

ubuntu添加中文输入法

11.04以前到版本: 1、System->Administration->Language Support-> Install Languages.  chose  Chinese(simplified), 现在就等待吧。 2、System->Preferences->IBus Prefernces.在Input metho...