随笔分类 - vue
摘要：效果： html： JS: pca-code.json 来自：https://github.com/artiely/Administrative-divisions-of-China 参考:https://www.cnblogs.com/zling-gnilz/p/7987796.html
阅读全文
摘要：在最近的vue项目中遇到的问题：v-html渲染的富文本，无法在样式表中修改样式； 这是为什么呢？原因很简单：如果p标签在template中先写出来，那么在<style></style>标签中是可以修改其样式的； 这应该是vue编译的规范，未在虚拟dom中渲染的元素无法修改样式； 解决方案1：在up
阅读全文
摘要：vue-navigation GitHub地址 导航默认行为类似手机APP的页面导航（A、B、C为页面）： ！重要：vue-navigation在url中添加了一个key来区分路由。key的名称默认为VNK，可以修改。 演示地址 代码地址
阅读全文
摘要：1. this.$router： 表示全局路由器对象，项目中通过router路由参数注入路由之后，在任何一个页面都可以通过此方法获取到路由器对象，并调用其push(), go()等方法； 2. this.$route: 表示当前正在用于跳转的路由器对象，可以调用其name、path、query、pa
阅读全文
摘要：命名 命名的方法通常有以下几类： 命名法说明 1).camel命名法，形如thisIsAnApple 2).pascal命名法，形如ThisIsAnApple 3).下划线命名法，形如this_is_an_apple · 4).中划线命名法，形如this-is-an-apple 说明： 所有的名称，
阅读全文
摘要：VS code 保存会自动格式化。以前都是alt+shift+F格式化的，现在一保存就格式化 解决方式：找到你的VScode扩展，把JS-CS-HTML Formatter这个插件禁用就可以解决
阅读全文
摘要：js生成接口请求参数签名加密 签名算法规则： 第一步，设所有发送或者接收到的数据为集合M，将集合M内非空参数值的参数按照参数名ASCII码从小到大排序（字典序），使用URL键值对的格式（即key1=value1&key2=value2…）拼接成字符串stringA。第二步，在stringA最后拼接上
阅读全文
摘要：首先上代码说总结： 使用@blur.native.capture=""即可实现。 另一种方法： 使用vue-directive指令实现。这种方法有个问题没解决，不推荐使用。 这种方法暂不支持类似于v-mintblur="myfunction"调用自定义函数处理功能： 转自：https://blog.
阅读全文
摘要：在store.js里 vuex-persistedstate 使用浏览器的本地存储（ local storage ）对状态（ state ）进行持久化。这意味着刷新页面或关闭标签页都不会删除你的数据。 一个很好的例子就是购物车：如果用户不小心关闭了一个标签，他们可以重新打开并回到之前页面的状态。
阅读全文
摘要：表单验证的应用场景十分广泛，因为网站对用户输入内容的限制是非常必要的。 在vue中，我们使用vuelidate方便地实现表单验证。 官方文档在这里https://monterail.github.io/vuelidate/ 1、安装 使用npm安装：npm install vuelidate --s
阅读全文
摘要：1.(webpack)vue-cli构建的项目如何设置每个页面的title 2.vue项目中使用axios上传图片等文件 3.qs.stringify() 和JSON.stringify()的区别以及在vux中使用post提交表单数据需要qs库序列化 4.vue中实现全局的setCookie，get
阅读全文
摘要：一、问题 vscode的默认的代码格式化ctrl+shift+f 无法通过eslint的代码风格检查是一个非常蛋疼的问题 同样在进行vue项目开发的时候，使用eslint代码风格检查是没啥问题的，但是eslint自动格式化是我想去搞出来的。 在保存的时候，能够使得vscode代码自动格式化成esli
阅读全文
摘要：一、<router-link :to="..."> to里的值可以是一个字符串路径，或者一个描述地址的对象。例如： 二、router.push(...)方法 同样的规则也适用于router.push(...)方法。 三、注意点 1、关于带参数的路由总结如下： 无论是直接路由“path" 还是命名路由
阅读全文
摘要：Vuex 允许我们把 store 分 module（模块）。每一个模块包含各自的状态、mutation、action 和 getter。 那么问题来了, 模块化+命名空间之后, 数据都是相对独立的, 如果想在模块 A 调用 模块 B 的state, actions, mutations, gette
阅读全文
摘要：官方文档：https://monterail.github.io/vuelidate/ https://github.com/monterail/vuelidate 1.npm安装vue-validator 代码示例: 2.直接使用script标签引入vue.js 要下载vue-validator，
阅读全文
摘要：vue数据更新， 视图未更新 这个问题我们经常会遇到，一般是vue数据赋值的时候，vue数据变化了，但是视图没有更新。这个不算是项目重构的技术要点，也和大家分享一下vue2.0通常的解决方案吧！ 解决方案如下： 1、通过vue.set方式赋值 2、 通过Array.prototype.splice方
阅读全文
摘要：一、善用watch的immediate属性 这一点我在项目中也是这么写的。例如有请求需要再也没初始化的时候就执行一次，然后监听他的变化，很多人这么写： 上面的这种写法我们可以完全如下写： 二、组件注册，值得借鉴 一般情况下，我们组件如下写： 步骤一般有三部， 第一步，引入、 第二步注册、 第三步才是
阅读全文
摘要：因为和原生的交互是需要h5这边来提供meta标签的来是来判断要不要显示分享按钮，所有就需要手动设置meta标签，标题和内容 转自：https://blog.csdn.net/qq_29515037/article/details/79475068
阅读全文
摘要：toast为消息提示框，支持自定义位置、持续时间和样式。 方法1 引入整个 Mint UI 组件,并需要再次单独引入Toast组件 Toast，它并不是一个全局变量，需要先引入 import { Toast } from 'mint-ui'再使用 Toast(‘提示信息‘); 方法2 引入整个 Mi
阅读全文
摘要：router.go(n) 这个方法的参数是一个整数，意思是在 history 记录中向前或者后退多少步，类似 window.history.go(n) router.push(location) 想要导航到不同的 URL，则使用 router.push 方法。这个方法会向 history 栈添加一个
阅读全文
浙公网安备 33010602011771号