StacyMo的博客

总结：为什么要把clickButton写入window（window.clickButton= this.clickButton）

js 消息按日期分组归类 let newList = [] dataList.forEach(item => { let index = -1 let isExists = newList.some((newItem, j) => { if (item.datetime == newItem.datetime) { index = j return true } }) if (!isExists) {

vue 项目打包报错 Error: CSS minification error: Lexical error错误： Error: CSS minification error: Lexical error on line 1: Unrecognized text.使用下图写法导致打包出错： css 的错误，不能识别的文本解决方案：scss中calc中的变量需要以 #{变量名} 的方式使用...

vue+vantUI实现单选、多选题（上一题、下一题）<template> <div class="exam-online"> <div class="table-list2"> <div v-for="(item,index) in questionList" :key="index"> <div v-if="currentNum===index"> <div slot="ti

elementUI el-form阻止表单输入框回车刷新页面回车页面会刷新的原因：当form表单中只有一个input输入框时，按下回车就会刷新页面，因为form表单把该事件当成了提交表单。解决方法：在el-form中添加一个属性： @submit.native.prevent...

elementUI 报错 Cannot read property ‘setCheckedKeys’ of undefined"点击树节点，执行下面代码会报错，原因是：DOM元素未加载完成 handleRowClick(row) { this.$refs.tree.setCheckedKeys(ids); },正确写法： handleRowClick(row) { this.$nextTick(() => { this.$refs.tree.setC

elementUI el-time-picker 结束时间大于开始时间<el-form-item prop="startTime"> <el-time-picker v-model="startTime" value-format="HH:mm" format="HH:mm" :picker-options="{selectableRange:`00:00:00-${endTime ? endTime + ':00' : '23:59:59'}`}" style="width:

elementUI 时间选择器TimePicker， 时间选不上的问题 <el-time-picker v-model="timeValue" value-format="HH:mm" range-separator="-" is-range start-placeholder="开始时间" end-placeholder="结束时间" placeholder="选择时间范围"> </el-time-picker>注意：时间选不上是因为value初始值的问题

Vant-UI 表单（Field组件） <van-form @submit="onSubmit"> <!-- 在form表单中，van-button默认的native-type='submit'。native-type：原生 button 标签的 type 属性，默认是submit --> <van-button type="info">提 交</van-button>

elementUI el-select change事件获取label的值 <el-select v-model="value" @change="handleSelectChange"> <el-option v-for="item in array" :key="item.id" :label="item.name" :value="{value:item.id,label:item.name}" /> </

<template> <el-form ref="form" :model="form" :rules="rules"> <el-form-item label="封面" prop="cover"> <el-upload class="upload-demo" v-model="form.cover"> <el-button size="small" type="primary">点击上传</el-b.

vue 在子组件中修改props父组件<template> <div class=""> <child :title="title" /> </div></template> <script>import Child from '@/components/Child'export default { name: 'Parent', components: { Child, },

vue el-tree设置选中的树节点<el-tree ref="tree" :data="treeData" highlight-current node-key="nodeId" @node-click="handleNodeClick" :props="defaultProps"> </el-tree>设置选中状态 handleNodeClick(data) { this.$nextTick((

vue elementUI去掉某个表格边框 修改el-table样式1.仅改变某个表格样式，不改变其他表格样式。给el-table添加 class=“company-table” <el-table :data="tableData" :show-header="false" class="company-table"> <el-table-column prop="name" label="公司"/> <el-table-col

vue 路由跳转方式 路由间跳转、打开新页面一、路由间跳转1. query （所传参数在url中显示）this.$router.push({ // 路由 path:'/xxx', // 参数 query:{ id:1, } })2.params （所传参数不在url中显示） this.$router.push({ name:'xxx', // 参数 params:{

echart 新版本init时报错（V5.0.2）修改引入方式即可解决以上问题修改前修改后

vue vue-router 如何去掉路由中#如上图想要去掉url地址栏中的“#”，需要开启 history路由模式，想知道具体原理可去了解History.pushState()开启history路由模式的代码

前端 vue隐藏部分手机号码正则表达式主要代码<script>export default { name: '', filters: { phoneFilter(val) { const reg = /^(.{3}).*(.{4})$/ return val.replace(reg, '$1****$2') }, }, data() { return { phone: '13690818675', }