javascript - 当加 1 时字符串不应该是 01

标签 javascript vue.js vuejs2

<分区>

我尝试加 1,但是 item.num 是 01。如何加 1 输入值是 1,2,3,4,5...?请注意,num 必须是字符串。去演示 jsfiddle .

看动图:

enter image description here

看图:

enter image description here

注意:item.num += 1不需要修改!

enter image description here

我想要如下效果:

enter image description here

查看javascript:

var app = new Vue({
  el: "#app",
  data: {
    list: [{
      id: "1",
      name: "demo01",
      num: "0"
    }],
    addnum: []
  },
  methods: {
    addClick(item) {
      console.log(this.addnum.push(item))
      item.num+=1
    },

  }
})

HTML 文件:

<div id="app">
  <ul>
    <li v-for="item in list">
      <p>{{item.name}}</p>
      <br>
      <input type="text" :value="item.num">
      <button @click="addClick(item)">+</button>
    </li>
  </ul>
</div>

最佳答案

希望您至少可以在 addClick 方法中添加一些代码,这是要做的:

addClick(item) {
      console.log(this.addnum.push(item))
      item.num = parseInt(item.num, 10)
      item.num+=1
      item.num = ""+item.num // converting back to string
    },

关于javascript - 当加 1 时字符串不应该是 01,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48416050/

相关文章:

javascript - 选中下拉列表中的复选框后,如何清除 v-autocomplete(多个)搜索输入?

localization - vue-i18n 翻译中 html 标签的最佳实践?

JavaScript HTML5 Canvas 未显示

javascript - 使用对象数组展平对象中的数据

javascript - 刷新 vue.js 应用程序,无需硬重新加载

javascript - null 之后将值设置为零

typescript - Vue/Typescript,获取模块 '"*.vue"' 没有导出成员

javascript - 如何在不上传文件的情况下使用 npm 的请求将文件发送到 Facebook Send API?

javascript - 使用 windows.location.replace 刷新页面不使用 URL 中的哈希

javascript - three.js 中带有顶点着色器的属性会产生超出范围的顶点错误