![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
wangshang1320
曾梦想仗剑走天涯,看一看世界的繁华,后来bug太多,项目经理不让走
展开
-
element-ui form表单校验成功,却不走this.$refs.form.validate(valid => {})回调(element-ui踩过的坑)
这是有问题的代码,验证错误,this.refs.form.validate(valid => {})回调 data() { // 校验时间 let validatePerson = (rule, value, callback) => { if (!value.length) { callback(new Error('请选择参与人员')) } } let validateName = (rule, valu.转载 2020-08-10 11:27:53 · 7432 阅读 · 4 评论 -
vue之vue-router学习
<router-view/> 标签用于放置组件视图路由跳转:1、<router-link><router-link/> 标签用于点击跳转 相当于A标签 里面有属性to: path, 表示跳转到path所在的路径2、js跳转this.$router.push(url); ...原创 2018-12-29 09:11:26 · 119 阅读 · 0 评论 -
关于vue项目+webpack 打包的坑
今天遇到一个打包 npm run build 的坑 打包出来 发现不是html文件 而是index.vue文件,由于我是第一次用这个 ,然后网上查了很多资料 后来发现 在config/index.js里面的文件配置有问题开发环境的是没有问题的,不过生产环境就有问题啦 下面是生产环境 这里的 index 是输出文件的名字 , 我之前没注意居然是index.vue 后来...原创 2018-12-26 09:05:02 · 339 阅读 · 0 评论 -
vue之mixins混入的简单使用
vue中的mixins 可以理解为面向对象的接口 或者继承或者扩展组件 他可以定义一些公用 复用的方法和属性temp1组件temp2组件:父组件:mixin.js 这里会继承mixin.js里面的属性和方法,如果有相同的则会覆盖掉 结果:...原创 2018-12-03 22:11:18 · 225 阅读 · 0 评论 -
Vue数组或对象修改或新增值后更新视图的问题(set方法)
前言: 大家都知道vue是双向绑定响应式更新视图的,这个自动更新视图主要是针对在data里面存在的属性或者对象的键,比如有个data:{ test : 'test'};这里修改 test的值就可以自动更新相关的视图,但是如果你后来添加一个进去然后修改 是没法自动更新的,这就涉及vue的双向绑定原理啦,vue 默认的是给data 属性 添加到侦察器(发布者——订阅者模式)上观察,...原创 2019-04-16 13:16:25 · 2716 阅读 · 0 评论 -
Vue双向绑定原理理解
现在的三大框架都是由双向绑定的,所谓双向绑定就是:数据变更,界面视图变更,视图变更,数据变更的实时更新Vue的话 是用的 Object.defineProperty()方法来实现属性的监听的。直接看例子吧:html:<!DOCTYPE html><html lang="en"><head> <meta charset="UT...原创 2019-04-30 09:22:11 · 449 阅读 · 0 评论 -
vue 之更新了vuex store里面的 数据后 界面视图没有同步更新(动态数据)
store state/detail/index.jsconst state = { id:0, playUrl:'b'};const getters = {};const actions = {};const mutations = { setPlayUrl(state,url){ state.playUrl = url; ...原创 2019-08-08 15:07:28 · 20938 阅读 · 2 评论