随笔分类 - Vue
摘要：你的form要满足如下形式才能够真正使用resetFields： Form 必须定义 ref 属性 From 必须绑定 model From 的 FormItem 中有 prop 属性 model 中绑定的属性与 prop 中相同 <Form ref="ruleForm" :model="ruleF
阅读全文
摘要：组件封装好，直接调用即可。 代码如下： /* * @desc: 滚动组件 */ <template> <div class="note-block" ref="noteBlocking" @mouseover="handStop" @mouseleave="handStart" v-show="no
阅读全文
摘要：1.普通的监听 data() { return { msg: '' } }, watch: { msg(newValue, oldValue) { console.log(newValue) } } 2.对象属性的监听：可以通过配置 deep 为true实现。直接监听整个属性，消耗大 data()
阅读全文
摘要：Vue通过prop进行双向数据绑定。子组件数据变化，一般只能通过 this.$emit(func, val) 回调父组件函数来传值给父组件。 Vue2.3版本引入sync，作为一个事件绑定语法糖，当子组件触发事件时，父组件会响应事件并实现数据更新。 .sync 修饰符 this.$emit('upd
阅读全文
摘要：排查代码原因： 直接修改了state数据。 不要在mutation函数外修改VUEX存储状态。state里存储的数据只能通过mutations修改，不能直接修改数组或对象。 let accessInfoVo = _.get(storeMgr.storeState, 'baseInfo.accessI
阅读全文
摘要：vue项目，跳转到其他关联系统工具做操作，操作完成后跳转回本系统。 childCloseCallback(url, type) { // 跳转至百度 var val = 'https://www.baidu.com/'; // var name = "AI智能"; //网页名称，可为空; // va
阅读全文
摘要：vue项目，路由跳转当前页面时，页面不会刷新、重新加载方法。 解决方案是使用：location.reload() this.$router.push({ path: 'XXX' }) location.reload()
阅读全文
摘要：五、Class与Style绑定 可以用v-bind用于class和style，表达式结果类型除了字符串，还可以是对象或数组。 1.绑定HTML Class 对象语法：给v-bind:class传递一个对象，以便动态切换class： 表示active这个class存在与否取决于数字属性isActive
阅读全文
摘要：三、模板语法 1.文本 数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值。 通过v-once指令，你也能执行一次性地插值，当数据改变时，插值处的内容不会更新。 2.原始HTML v-html指令 3.参数 一些指令能够接受一个“参数”，在指令名称之后以冒号形式显示，eg
阅读全文
摘要：一、介绍 1.指令 指令带有前缀v-，以表示它们是Vue提供的特殊特性。eg：v-bind，v-if，v-for，v-on，v-model（实现表单输入和应用状态之间的双线绑定） v-bind跟v-on的区别是：v-bind用于HTML属性，v-on是DOM事件监听。 2.组件component 官
阅读全文
浙公网安备 33010602011771号