一直以来，在Vue.js中使用Vue I18n来实现国际化多语言设置，以往都是手动去找到文件写翻译，比较繁琐复杂。现在从同事那里知道了一个很好用的vs code插件i18n-ally，可以构建和自动化翻译，分享给大家，也算是自己做个记录。而且，i18n-ally是官方推荐的第三方工具，真的是好用，谁用谁知道。首先在vs code中安装插件i18...

去年五六月份使用的quasar图标自动生成还是版本1的，版本1是Quasar App Extension，是要将其安装到项目文件夹中使用的，那时候用过，感觉这个很好用。

如题，iconfont的symbol引用 结合Quasar组件Svg-icons 实现动态加载字体库。详细的说，就是做左侧菜单的图标选择，图标库使用iconfont，采用symbol引用，而且要做到动态的读取阿里字体库文件的图标，加载到项目内。动态读取图标库的好处是用户可以自己做一套他自己的图标，配置在项目内的字典项中，然后代码无需修改，灵...

第一种后台返回路由，第二种后台返回权限。共同点：两种方法都可以实现需求前端都要维护一份路由地址与模块文件地址的映射后段返回的数据一般都要再遍历做二次处理有关页面内元素（按钮）的权限都要另做处理技术点都会涉及路由守卫和路由鉴权 差异点： 默认路由列表：方法一只维护home、login等无权限需求路由，其他路由...

实现效果 UI组件依然是使用Quasar Framework。 先来看一下效果： 实现Select: 可输入选项option，输入的option可清除 在官网的示例找到 Using menu and filtering，在此基础上进行修改，结合Customizing menu options自定义选项，实现选项的清除按钮。 Select: Filtering and adding to menu - Quasar Playground 在此代...

原本在 quasar table Multiple-selection 该例子中，表头行的左边已经有全选框了，产品考虑到，数据表格翻到下面后，想直接选全选，不想再翻上去选了，于是就有了，再表格下方增加一个全选的需求。

实现效果 UI组件依然是使用 Quasar Framework。 先来看一下效果： input type="number" 去掉上下小箭头 去掉上下小箭头，主要是css: {代码...} 实现加减按钮样式及功能 template： {代码...} css: {代码...} {代码...} methods: {代码...} 完整代码 请查看：Quasar Input:type="number" 去掉上下小箭头 实现加减按钮样式...

最近做一个表单弹出框，表单保存提交，但是，产品提出，用户不保存，而关闭弹出框时，要给出一个弹窗提示。这个功能，可以用watch监听表单数据。当数据表单发生变化，用户点击了关闭按钮，则根据监听结果来判断用户输入或编辑了数据，进而出现弹窗提示，让用户选择是否离开；当数据没发生变化，则不必提示。

示例中，我将selected-rows-label绑定的方法"getSelectedString"的返回值改为了""，因为我们这里不需要表格左下角显示选中数据的信息。

前段时间，接触到Quasar Framework 并使用了两周。一开始刚刚用Quasar的时候，因为时间紧急，没有系统的去看全部的文档，只是根据UI设计的效果图，去找类似的组件，然后再改造。一开始，真的是有种云遮雾罩的感觉，整个人都是懵逼的，看着文档，各种组件的API的解释说明和示例，用起来总觉得怪怪的。

上周加入新公司，开始做一个新的项目，项目文件夹还是空的，同事给我说用人人开源 / renren-fast这个框架，然后我去clone了人人开源 / renren-fast-vue这个前端项目，然后按照 renren-fast-vue Wiki 开始在本地部署运行。

话说，最早接触vue项目，是在2018年五六月份，那时候，是直接在合作方的小伙伴搭建好的一个前端项目框架里直接开始做项目模块功能了，他们那个项目中并没用到什么格式检查，依然是像在.js文件中写代码一样在.vue文件中写代码，格式也是vs code的自动保存格式就可以。然后，神烦的事情来了，2018年初底，我们自己的项目也...

现在的问题是，在 vue history模式 项目中，一直是签名无效，iOS和Android 都不行。按照官方文档中的1~6排查了都没问题，打印出来的url编码前后和后端获取到的签名的url编码前后都是一致的，但就是一直 invalid signature 签名无效。

时隔两年多，再次使用到了 ztree ，这次是在vue中引入使用，并遇到了一些小问题，在这里把经验和解决办法给大家分享下，共勉。ztree： zTree -- jQuery 树插件 官网简介 zTree v3.5 Demo 演示有关ztree的使用，之前整理过两篇在jquery中使用的方法，大家参考下：zTree -- jQuery 树插件 使用方法与例子zTree -- jQuery ...

今天，在vue中遇到 复杂表格的渲染 ，需要合并表头th的单元格，且合并单元格的那列的表头数据是动态数据，也就是不知道会有多少个表头列，而这几个表头列还分了好几个子表头。