qq_37330613的博客

<el-select v-model="getListParams.usedStatus" placeholder="请选择状态" filterable :filter-method="filterList" clearable @clear="clearList"> <el-option v-for="item in allListTop15" :key="item.baselineId" :label="item.baselineN

传递额外参数@changepages=“getListData”@changepages=“val => getListData(val, item)”

子组件 不能直接修改 父组件传过来的数据// 父传子<children :sex="sex" :hobby="hobby"></children>// sync父传子： <children :sex.sync="sex" :hobby.sync="hobby"></children> // 相当于<children :sex="sex" @update:sex="val => sex = val" :hobby="hob.

<div @click="getmavonIndex(index)"> <mavonEditor :ref="'md' + index" @imgAdd="imgAdd" v-model="item.configContent" placeholder="请输入" :subfield="true" :editable="true" defaultOpen="preview" :toolbarsFlag="true" :height="400" ></mav

watch: { 'params.baselineRequire': { handler(val) { if (val.length >= 11) { this.params.baselineRequire = val.slice(0, 10) } }, deep: true, immediate: true }}

$event 就是 v-model 的值key 和 value 一致时 只需写一个vuex 数据保存在内存中 刷新时 会丢失const store = new Vuex.Store({ state: { obj: {} }, mutations: { setObj(state, params) { state.obj[params.key] = params.value } } this.$store.commit('setObj', { key, valu.

async a(){ await this.b()}b() { return new Promise((resolve, reject) => { setTimeout(() => { resolve('成功') }, 1000) })}forEach 外面写 async forEach 中使用 await 匹配不到async getTitleInfo() { for (let item of this.dataTitleIdsList) {

mixin.jsexport default { data() { return { message: '国庆假期去哪里玩!' } }, mounted() { console.log('初始化执行') }, methods: { click() { console.log('点击') } }}import mixin from ‘./mixin.js’import mixin2 from ‘./mixin2

元素通过 v-if 控制显示隐藏当修改完显示状态后立马通过 ref 去操作 此元素这个时候会报错原因是 此元素此时还未渲染完成此时 需要使用 nextTick它会在 dom 更新完成之后 再去调用

1、兄弟组件之间的通信新建一个event.js文件，在里面新建一个Vue实例，这个实例就承担起了组件之间通信的桥梁了。event.jsimport Vue from 'Vue'const bus = new Vue()export default bus兄弟A<span @click="touchOtherBrotherNode">男神彭于晏</span>...

new Vue() 初始化事件和生命周期beforeCreate 此时 data 和 $el(DOM元素)为undefinedcreated 此时 $el 为undefinedbeforeMounted $el 为 undefined 是虚拟dommounted 可操作真实的dombeforeUpdateupdatedbeforeDestory 清理定时器destoryed 实例不可用keep-alive 生命周期被 .

需求首页 列表页 详情页首页进入列表页 列表页进入详情页详情页返回列表页 滚动条在相应位置列表页返回首页 首页进入列表页 在最上面第一步 在app中设置需要缓存的div//缓存的页面<keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view></keep-alive>//不缓存的页面<router-view v-if="!$route.meta..

*** 问题首次改变 时间选择器 没问题 但是 编辑 时间选择器 页面没更新this.dialogParams.validDate = [res.validBeginDate, res.validEndDate]*** 原因因为 dialogParams 里的 valiDate 是个数组 直接赋值 视图是不会发生变化的*** 解决用$set()强制赋值this.$set( this.dialogParams, 'validDate', [res.validBeginDate, r.

问题描述使用 Vue + Element 中的 el-form-item 时 用 v-if 处理显示或隐藏 校验规则失效原因v-if在操作dom时 在根节点上进行的删减 导致 rules 判断的时候 无法取到 v-if 添加进来的prop值解决在 el-form-item 中添加一个属性 key key值只需要是独一无二即可...

使用FileReader API 创建一个Vue的文件阅读器const reader = new FileReader()reader.onload = e => { const a = document.createElement('a') var date = formatTime(new Date(), 'yyyyMMdd') a.download = `提现-${dat...

Vue（ES6）导出变量、常量、方法lib.jslet bar = '彭于晏'const isTestServer = truelet fn = function () { console.log('有梦想的咸鱼')}export { bar, isTestServer, fn }main.jsimport { bar, isTestServer, fn } from ...