v-model data() change上的Vue JS调用函数开发者社区

link之家

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

文章/答案/技术大牛

发布

<input
  type="date"
  name="date"
  id="date"
  v-model="inputDate"
  @change="recallMeetingDetails"
  />

data(){
  return(){
    inputDate: new Date().toISOString().slice(0, 10),
methods: {
  recallMeetingDetails(){
    console.log(this.inputData);
}

[Vue warn]: You may have an infinite update loop in a component render function.

data(){
  return{
    inputDate: new Date().toISOString().slice(0, 10),
    topValue: 0,
    heightValue: 78,
fnWithIssue(x,y){
  this.topValue = x + this.topValue;
  this.heightValue = y + this.heightValue;
 return{
   top: `${topValue}px`,
   height: `${heightValue}px`,
}

fnWithIssue(x,y){
  let topValue = x + topValue;
  let heightValue = y + heightValue;
  return{
    top: `${topValue}px`,
    height: `${heightValue}px`
}

<template>
<input
  type="date"
  name="date"
  id="date"
  v-model="inputDate"
</template>
<script>
export default {
  data() {
    return {
      inputDate: new Date().toISOString().slice(0, 10)
  watch: {
    inputDate(value) {
      console.log(value)
</script>

new Vue({
  el: '#demo',
  data(){
    return {
      inputDate: new Date().toISOString().slice(0, 10)
  methods: {
    recallMeetingDetails(date){
      this.inputDate = new Date(date).toISOString().slice(0, 10)
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="demo">
  <input
    type="date"
    name="date"
    id="date"

推荐文章

憨厚的墨镜 · 使用ROUND函数处理日期类型_云原生数据库 PolarDB(PolarDB)-阿里云帮助中心

昨天

大气的电池 · java实现往指定图片上贴二维码 (任意角度旋转) - 简书

1 年前

怕老婆的帽子 · Unable to run Sql queries in Azure Synapse. Error: org.apache.hadoop.hive.ql.metadata.HiveException: java.lang.NullPointerExceptio

1 年前

阳刚的硬盘 · Android Studio Electric Eel提示Gradle插件报错问题的解决方法_抓饼先生的博客-CSDN博客

1 年前

胆小的鼠标 · c# ZipFile.Extract解压后，文件名中文乱码_c# zip 中文乱码_Tonny8711的博客-CSDN博客

2 年前

深情的黄瓜 · MSSQL数据库 - 知乎

2 年前

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户