VueJS
(28)Vue SSR 服务端渲染是否有必要
最近遇到一个问题，一个内容站是否适合前后端分离。对于我这之前并不是一个问题：
- 因为对于内容站我压根不会考虑前后端分离，毕竟后端模板已经足够灵活，完全没有分离的必要。
- 而 APP 和小程序是天然的前后端分离，也没有选择性。
VueJS v-model 自动将输入框获取的字符串转换为数字
## JS 的类型转换容易出现 bug
html input 输入框即便指定 type="number"，也经常出现 v-model 获取到的值为字符串的情况。
于是就出现了，在数值计算逻辑中，数字与字符串相加的情况。
```
移动网页端使用 Vue Vant 组件上传文件
## 非图片文件如何显示预览图标
默认支持非图片文件的预览图标，效果可以接受。同时，可以看到文件名的前面一部分。
![移动网页端使用 Vue Vant 组件上传文件](https://cdn.sunzhongwei.com/sunz
Vue Element UI upload 组件上传文件之后 file list 依旧是空数组
在 element ui 的 GitHub issue 中搜索了一下，发现 upload 组件确实不支持自动更新 file list，需要手动在上传成功和删除的回调中处理文件列表同步。。。
这个体验太差了。
无奈只能手动实现，设
设置 Element UI 组件默认加载英文语言包
Element UI 默认使用的是中文 locale，在英文网站中使用，会发现大量的组件提示信息为中文。
我是从 CDN 引入的 Element UI 文件，找到一个切换 locale 的解决方案。
- 首先，从 CDN 引入英
vant button 组件动态添加/删除 loading 属性
例如，vant 的 button 组件，有一个 loading 属性。
```
```
- 有 loading 属性时，按钮会显示一个进行中的动态效果
- 没有 loading 属性时，则是一个普通的按钮样式
通常
Vue 组件库 Vant 的 Picker 选择器使用问题汇总
## van-popup 不显示
bug 现象：
触发 picker 弹出事件后，van-overlay 黑色背景已出现，但是包含 van-picker 的 van-popup 并未显示出来。
Chrome 工具里看了一下，
Vuejs 输入框监听回车事件
例如，我想在一个输入框输入内容之后，点击回车，自动触发一个处理输入内容的函数。
使用 @keyup.enter 即可：
```
```
演示效果：
[颜色转换工具 demo](https://www.sunzh
v-show 与 v-if 的区别
平时在 vuejs 中用 v-if 使用习惯了，当突然看到 v-show 时，不由的产生了疑惑，既然有了 v-if, 为何还要 v-show.
## v-if
条件渲染，即，使用了 v-if
- 如果满足条件，则整个子节点都会
VueJS 实现管理后台新订单的语音提醒
## 逻辑
当新订单数量接口返回的数字大于之前缓存的值时，就播放提示音；并弹窗提醒。
## 实现代码
第一次用 js 调用音频播放，没想到这么简单。。。
```
new Vue({
el: "#sidebar",
上一页
下一页