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"

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户