随笔分类 - vue
use
vue中html页面写入$t(‘’)怎么显示
摘要：1、在 main.js 中引入 vue-i18n （前提是要先引入 vue） 1 2 import VueI18n from'vue-i18n' Vue.use(VueI18n) 2、准备本地的翻译信息 1 2 3 4 5 6 7 8 9 10 11 12 const messages = { zh
阅读全文
vue.$nextTick 解决了哪些问题
摘要：转载：https://www.cnblogs.com/xuewuhen/p/7860989.html $nextTick 是在下次 DOM 更新循环结束之后执行延迟回调，在修改数据之后使用 $nextTick，则可以在回调中获取更新后的 DOM 1.问题 (1).elementui dialog 中
阅读全文
各种日期格式化返回
摘要：// 日期格式化返回 2019-04-01 export function getGangDate(dates) { if (dates) { const dateNew = new Date(dates) const y = dateNew.getFullYear() const m = dateNew.getMonth() + 1 const d = da...
阅读全文
校验金额、大小写字母、大写字母、合法uri、email
摘要：/* 合法uri*/ export function validURL(url) { const reg = /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?...
阅读全文
vue js校验金钱、数字
摘要：// 校验保留两位小数金额 export function isMoney(money) { var reg = /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/ if (reg.test(money)) { return true } else { return fal...
阅读全文
vue-router 动态添加 路由
摘要：动态添加路由可以用了做权限管理。登录后服务器端返回权限菜单，前端动态添加路由 然后在设置菜单 1、vue-router 有方法router.addRoutes(routes) 动态添加更多的路由规则。参数必须是一个符合 routes 选项要求的数组。 使用方法 this.$router.option
阅读全文
vue-resource请求超时timeout设置
摘要：转载：https://www.cnblogs.com/dupd/p/6114395.html 请求超时设置通过拦截器Vue.http.interceptors实现具体代码如下 main.js里在全局拦截器中添加请求超时的方法 方法1：超时之后会调用请求中的onTimeoutd方法，then方法不会执
阅读全文
vue.js 兄弟组件传值
摘要：1、兄弟之间传递数据需要借助于事件车，通过事件车的方式传递数据 2、创建一个Vue的实例，让各个兄弟共用同一个事件机制。 3、传递数据方，通过一个事件触发bus.$emit(方法名，传递的数据)。 4、接收数据方，通过mounted(){}触发bus.$on(方法名，function(接收数据的参数
阅读全文
vue.js路由vue-router
摘要：学习网址：https://segmentfault.com/blog/vueroad 转载至：https://segmentfault.com/a/1190000009350679#articleHeader5 前言 vue.js除了拥有组件开发体系之外，还有自己的路由vue-router。在没有使
阅读全文
vue slot插槽的使用方法
摘要：单个slot使用最简单，也是最常用的，当我们定义了一个子组件，父组件在使用的这个组件的时候，想在内部自定义一些初始化数据，这时候就可以用slot实现。 具名slot只是给slot加了name属性，在使用的时候可以引入多个。 作用域slot就比较强大了，我们知道子组件的数据，在父组件中是无法使用的，但
阅读全文
vue 自定义组件directives
摘要：自定义指令：以v开头，如：v-mybind。 代码示例： 这时页面初始化时，input中会显示this is mybind-bind。 通过directives注册自定义指令mybind，每一个自定义指令中又提供若干钩子，如示例中的bind，bind的作用是定义一个在绑定时执行一次的初始化动作，观察
阅读全文
vue中watch的详细用法
摘要：在vue中，使用watch来响应数据的变化。watch的用法大致有三种。下面代码是watch的一种简单的用法： 直接写一个监听处理函数，当每次监听到 cityName 值发生改变时，执行函数。也可以在所监听的数据后面直接加字符串形式的方法名： immediate和handler 这样使用watch时
阅读全文
props传递数据
摘要：一.传递数据 1.props 传入单数据 就像 data 一样，prop 可以用在模板内,同样也可以在 vm 实例中像“this.message”这样使用 <child message="hello! Prop"></child> 2.props 传入多个数据 如果在父组件的模板类添加其他元素或者字
阅读全文
Vue.set的使用
摘要：这里我定义了一个列表数据，我将通过三个不同的按钮来控制列表数据。 首先在列表中动态新增一条数据： 这是我点击之前的列表： 点击之后列表新增了一条数据： 通过数组的变异方法（Vue数组变异方法）我们可以动态控制数据的增减，但是我们却无法做到对某一条数据的修改。这时候就需要Vue的内置方法来帮忙了~ V
阅读全文
Vue keep-alive实践总结
摘要：转载至：https://www.cnblogs.com/sysuhanyf/p/7454530.html <keep-alive>是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。 <keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 <t
阅读全文
vue（ajax：axios中文文档）
摘要：axios 基于http客户端的promise，面向浏览器和nodejs 特色 浏览器端发起XMLHttpRequests请求 node端发起http请求 支持Promise API 监听请求和返回 转化请求和返回 取消请求 自动转化json数据 客户端支持抵御 浏览器端发起XMLHttpReque
阅读全文
vue学习视频网址（各种前端视频 网址）
摘要：基础信息详解：https://segmentfault.com/blog/vueroad 网址：http://biaoyansu.com/18.1
阅读全文
vue-cli启动本地服务，局域网下通过ip访问不到的原因
摘要：1.问题描述： 新开发了一个vue-cli项目，想通过手机查看效果，发现访问不到，ip地址和端口号都没错但是手机访问不到，在本机电脑浏览器输入ip端口号一样访问不到，只能通过localhost:8080访问到，同一局域网下其他的手机和电脑并不能通过ip地址访问调试， 2.原因：vue-cli项目是通
阅读全文
浙公网安备 33010602011771号