[积累]前端基础语法

1.<select>标签的内部<option>标签的value属性值转化问题:

问题描述:

在<select>下拉列表中,如果<option>的value属性的值绑定的是数字的话,那么默认读取到的其实是当前数字对应的字符串形式.利用该结果尽心计算的时候会有问题.

解决方法:

1>.让value属性以表达式的方法读取属性值

    <select v-model="num">
        <option :value="1">1</option>
        <option :value="2">2</option>
        <option :value="3">3</option>
    </select>

2>.将value属性读取到的字符串值转化为数字

    <select v-model.number="num">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
    </select>

2.将对象连续解构赋值+重命名(体会)

  let {
    data: { content: title }, //连续解构赋值+重命名
  } = await axios.get("https://api.uomg.com/api/rand.qinghua?format=json");
  let obj = { id: nanoid(), title }; //触发了对象的简写形式
  lowTokeList.unshift(obj);
}