日常项目总结

总结

Vue中给option增加点击事件

问题描述：select下拉列表中，点击一个option之后，需要做一些指定操作，例如去请求一个接口，并且这个接口需要的数据来自这个option的value值

解决过程：我开始的做法就是给option添加了@click="requestSomeThing(item.id)"，结果发现我在点击了select的下拉框的时候，并没有去没有触发，之后就去上网查询了下，对于select来说，监听option的变化需要使用onChange事件，这就发现问题所在了（这一点都给忘掉了，o(╥﹏╥)o），那么这下就该改代码了呗

代码：

<select v-model="selectedId" @change="changeId(3, selectedId)">
  <option selected>全部</option>
  <option v-for="item in cateDetails" :value="item.Id">
    {{item.name}}
  </option>
</select>

通过v-model就得到的是触发change事件的option的value值

这点Vue的官方文档中也有说明，点击查看

Moment得到指定日期格式

需求描述：

• 需要将new Date()这个对象转换为指定的形式
• 需要将日期组件中某个选定的值转换为指定的形式
• 形式包括，”YYYY-MM-DD”，”YYYY-MM”，”YYYYY”

解决：本来是想自己写个函数，然后根据需要去转换为指定的形式，可是联系了下具体的需求，发现需要完成的需求并不指示描述出的那样，代价比较，我选择了Moment.js

我目前主要使用到的就是通过Moment提供的API将某个日期转换为指定形式的，比如将new Date()转换为字符串的”2018-01-19”的形式，moment().format("YYYY-MM-DD")

获得当前日期的下个月的string格式：

moment(new Date()).add(1, 'months').format("YYYY-MM")

具体的API可以参照这里: Moment.js

希望对你有用 ^_^