摘要：
1.场景 在处理列表时，常常有删除一条数据或者新增数据之后需要重新刷新当前页面的需求。 2.遇到的问题 1. 用vue-router重新路由到当前页面，页面是不进行刷新的 2.采用window.reload()，或者router.go(0)刷新时，整个浏览器进行了重新加载，闪烁，体验不好 3.解决方 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(1173)
评论(0)
推荐(0)
摘要：
1组件 <el-form-item label="所属部门" :label-width="formLabelWidth"> <select-form @change="DepartmentList" v-model="form.department_id" /> </el-form-item> <! 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(66)
评论(0)
推荐(0)
摘要：
一、问题描述 vue的二级联动可以采用v-if的方式去实现，也就是在第一级选项的值发生变化后， 清空第二级选项所关联的model的值，并将第二级选项所取的变量数组变更。会产生的问题是， 第二级选项的值有时候会出现值已改变但是页面上并不显示改变值的情况。 二、跟踪问题 产生问题的原因为vue是基于数据 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(197)
评论(0)
推荐(0)
摘要：
1接口调用 /*调用接口*/ created() { /*动态渲染content_type接口*/ getAction("/dict/list",{ dict_code:"content_type" }).then(res=>{ this.content_type=res.data }) /*动态渲 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(39)
评论(0)
推荐(0)
摘要：
隐式创建 var arr=["Audi","BMW","Volvo"]; 直接实例化 var arr=new Array("Audi","BMW","Volvo"); 创建数组并给数组元素赋值 var arr=new Array(); arr[0]="Audi"; arr[1]="BMW"; arr 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(27)
评论(0)
推荐(0)
摘要：
this.title = "编辑"; getAction(path.join(this.url.query, id)) .then(res => { this.form = res.data; }) .catch(err => { this.form = JSON.parse(JSON.string 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(32)
评论(0)
推荐(0)
摘要：
结构 vue操作一个很有意思的报错 [Vue warn]: You may have an infinite update loop in a component render function. 代码： <template> <span class="show-filters" ：class="s 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(85)
评论(0)
推荐(0)
摘要：
父亲的this VueComponent {_uid: 1842, _isVue: true, $options: {…}, _renderProxy: Proxy, _self: VueComponent, …} $attrs: (...) $children: (2) [VueComponent 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(91)
评论(0)
推荐(0)
摘要：
父组件通过props传值给子组件，如何避免子组件改变props的属性值报错问题 报错Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(22)
评论(0)
推荐(0)
摘要：
不能改变值 注释即可 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(20)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(10)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(10)
评论(0)
推荐(0)
摘要：
<!--<el-popover placement="left" title="修改记录" width="200" trigger="click" content="修改记录，修改记录。" </el-popover> 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(26)
评论(0)
推荐(0)
摘要：
<template> <view class="box u-p-l-35 u-p-r-35 "> <view class="title"> <text> 请选择您要管理的市场 </text> </view> <view :class=" ['u-flex','u-row-center',{'choo 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(27)
评论(0)
推荐(0)
摘要：
<template> <view class="box u-p-l-35 u-p-r-35 "> <view class="title"> <text> 请选择您要管理的市场 </text> </view> <view :class=" ['u-flex','u-row-center',{'choo 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(36)
评论(0)
推荐(0)
摘要：
<el-dialog :title="fullTitle" width="80%" :fullscreen="false" :close-on-click-modal="false" :visible.sync="dialogFormVisible" @close="close"> 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(30)
评论(0)
推荐(0)
摘要：
git在clone地址的时候用户名 要写成自己 才能clone 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(28)
评论(0)
推荐(0)
摘要：
第一步 <template> <!-- 新建部门 --> <div class="container"> <el-dialog :title="fullTitle" :visible.sync="dialogFormVisible" @close="close" > <template> <div 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(86)
评论(0)
推荐(0)
摘要：
<!--首页管理--> <template> <div> <!--market--> <el-card v-if="task1.length!=0" style="width: 100%;height: 300px;"> <el-carousel :interval="3000" indicator 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(31)
评论(0)
推荐(0)
摘要：
name报错就是name的数值报错 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(76)
评论(0)
推荐(0)
摘要：
其实第二个仓库 建立的时候直接取进行 push操作就可以完成 原理一样 可以直接对代码地址进行提交 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(17)
评论(0)
推荐(0)
摘要：
<el-form class="left-right"> <el-form-item label="分发账号名称" label-width="100px"> <el-select v-model="form.index" placeholder="选择绑定的分发账号"> <el-option :di 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(39)
评论(0)
推荐(0)
摘要：
<el-table-column :show-overflow-tooltip="true" v-for="(column, index) in columns" :key="index" :type="column.type" :prop="column.prop" :label="column. 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(30)
评论(0)
推荐(0)
摘要：
给元素加入以下样式： white-space:nowrap;overflow:hidden; text-overflow:ellipsis; 此外，还要注意给元素加上宽度： width:100px; 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(19)
评论(0)
推荐(0)
摘要：
this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它，然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样，不同的是回调的 this 自动绑定到调用它的实例上。 假设我们更改了某个dom元素内部的文本，而这时候我们想直接打印出这个被改变 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(58)
评论(0)
推荐(0)
摘要：
1获取vuex的取值 /*通过vuex的状态去判断现在所处的业务端还是营销端*/ computed:{ /*取出对应的业务端和营销端的内容*/ Mode(){ return this.$store.state.mode } }, 2直接赋值 task_business_module(){ getAc 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(22)
评论(0)
推荐(0)
摘要：
<div class="container"> <!-- <el-radio-group v-model="mode">--> <div> <!-- <el-radio-button class="login-btn" label="0">营销端</el-radio-button>--> <el-b 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(23)
评论(0)
推荐(0)
摘要：
第一步 按钮 <el-button @click="resetQuery" icon="el-icon-refresh"> 重置 </el-button> 第二步 resetQuery() { this.query = {}; this.list(); }, 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(44)
评论(0)
推荐(0)
摘要：
获取值有点问题 点击同一按钮获取值有问题 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(18)
评论(0)
推荐(0)
摘要：
<div class="container"> <!-- <el-radio-group v-model="mode">--> <div> <!-- <el-radio-button class="login-btn" label="0">营销端</el-radio-button>--> <el-b 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(24)
评论(0)
推荐(0)
摘要：
const user = res.data.user; const dept = user.department; console.log(dept.property) const properties = dept.property.split(","); console.log(properti 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(19)
评论(0)
推荐(0)
摘要：
<!--定义一个有按钮的对话框 相当于dialog和按钮组合使用--> <template> <!-- 有按钮的对话框 这个位置的代码会被包裹过去--> <!--close-on-click-modal 是否可以通过点击 modal 关闭 Dialog append-to-body控制不能出现遮挡层 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(100)
评论(0)
推荐(0)
摘要：
<!--定义一个有按钮的对话框 相当于dialog和按钮组合使用--> <template> <!-- 有按钮的对话框 这个位置的代码会被包裹过去--> <!--close-on-click-modal 是否可以通过点击 modal 关闭 Dialog append-to-body控制不能出现遮挡层 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(34)
评论(0)
推荐(0)
摘要：
<el-form :model="form" label-width="0px"> <el-form-item> <el-input tabindex="1" v-model="form.account" > <el-button slot="prepend" icon="el-icon-user" 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(25)
评论(0)
推荐(0)
摘要：
<template> <view class=" content"> <div style="float: left; width: 477rpx;margin-bottom: 24rpx;"> <div class="u-flex module_sm blue_module" style="mar 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(26)
评论(0)
推荐(0)
摘要：
这个应该是不可以的，必须重新使用用文件对话框选择。 这是处于安全的考虑，不能直接对input type=file的类型赋值，因为直接用JS就可以将你本地文件直接取到指定地点，就没有安全性可言。 因此必须对一个input type=file设置一个按钮来打开文件选择框的目的就是选择文件必须让用户知道并 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(49)
评论(0)
推荐(0)
摘要：
<template> <view class="box u-p-l-35 u-p-r-35"> <u-image class="head_img" shape="circle" width="120rpx" height="120rpx" src="../../static/head.png"></ 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(40)
评论(0)
推荐(0)
摘要：
<el-form v-for="(cep,index) in form.detpartment_amount" > <el-form-item label="部门账号"> <el-input v-model="cep.name"></el-input> </el-form-item> <el-for 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(38)
评论(0)
推荐(0)
摘要：
<!-- <el-form ref="form" :model="form" size="medium" :label-width="formLabelWidth" v-loading="loading"> <el-form-item label="订单名称" > <el-input v-model 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(36)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(23)
评论(0)
推荐(0)
摘要：
computed: { /*GY5 控制新增标题的显隐*/ fullTitle() { return this.title + "用户"; }, DepartmentId(){ return this.$store.state.department.id }, Property(){ return 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(17)
评论(0)
推荐(0)
摘要：
<el-dialog :title="fullTitle" :visible.sync="dialogFormVisible" @close="close" > 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(9)
评论(0)
推荐(0)
摘要：
第一步 按钮 <el-button @click="resetQuery" icon="el-icon-refresh"> 重置 </el-button> 第二步 resetQuery() { this.query = {}; this.list(); }, 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(26)
评论(0)
推荐(0)
摘要：
获取值有点问题 点击同一按钮获取值有问题 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(14)
评论(0)
推荐(0)
摘要：
1眼睛一定要看清 本地接口 稳得很 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(45)
评论(0)
推荐(0)
摘要：
<el-form-item prop="department_id" label="所属部门" :label-width="formLabelWidth"> <select-form @change="DepartmentList" v-model="form.department_id" /> < 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(34)
评论(0)
推荐(0)
摘要：
<el-form-item v-if="property.includes('0')" prop="business_module" label="所属栏目" :label-width="formLabelWidth"> <!--注意用户的返回值--> <el-select v-model="for 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(99)
评论(0)
推荐(0)
摘要：
<!--投放权限--> <!--获取投放权限的数据--> <el-form-item label="投放权限" :label-width="formLabelWidth"> <el-select v-model="form.publish_permission" multiple placehold 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(24)
评论(0)
推荐(0)
前端工作总结119-vue.runtime.esm.js?2b0e:619 [Vue warn]: Duplicate keys detected: ‘/system‘. This may cause
摘要：
错误如下 拿到公司一个小哥哥的代码，一来就报了一堆bug，吓得我先写一篇博客 vue.runtime.esm.js?2b0e:619 [Vue warn]: Duplicate keys detected: '/system'. This may cause an update error. fou 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(86)
评论(0)
推荐(0)
前端工作总结118-vue.runtime.esm.js?2b0e:619 [Vue warn]: ＜transition-group＞ children must be keyed: ＜ElTag＞
摘要：
标题[Vue warn]: children must be keyed: 今天学习了VUE的列表排序过渡 碰见报错 报错之前代码为： <transition-group name="flip-list" tag="div"> <van-cell v-for="(item,i) in list" v 阅读全文
posted @ 2022-09-10 19:41
前端导师歌谣
阅读(123)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(12)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(13)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(36)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(9)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(15)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(10)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(7)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(10)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(10)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(12)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(13)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(14)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(38)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(8)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(14)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(8)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(10)
评论(0)
推荐(0)
摘要：
1.准备好两个vue文件 panda.vue travel.vue 2.写index.js配置文件 import travel from '@/components/travel' 1 { path: '/travel/:id', name: '测试页面', component: travel } 阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(79)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(10)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(3)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(11)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(8)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(9)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(10)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(7)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(11)
评论(0)
推荐(0)
摘要：
前端 阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(12)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(8)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(18)
评论(0)
推荐(0)
摘要：
今天遇到一个问题，实现这样一个竖直的显示表头的表格，如下图。默认显示两列。 vue实现代码如下： tableComponent.vue： <template> <table class="mailTable" :style="styleObject" v-if="s_showByRow"> <tr 阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(261)
评论(0)
推荐(0)
摘要：
表格组件的排序功能,点击排序表头可以进行升序和降序进行排序 上代码 <el-table :data="tableData" style="width: 100%" <!-- 数据由后台进行排序时sortable="custom",需要监听排序点击事件,会返回当前的prop和order --> @so 阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(66)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(6)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(11)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(6)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(19)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(13)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(10)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(9)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(12)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(15)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(12)
评论(0)
推荐(0)
摘要：
WangEdit组件 <template lang="html"> <div class="editor"> <div ref="toolbar" class="toolbar"> </div> <div ref="editor" class="text"> </div> </div> </temp 阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(197)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(10)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(9)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(9)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(10)
评论(0)
推荐(0)
摘要：
WangEdit使用 <template lang="html"> <div class="editor"> <!--定义的为表头的属性--> <div ref="toolbar" class="toolbar"> </div> <!--定义的为表格的属性--> <div ref="editor" 阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(20)
评论(0)
推荐(0)
摘要：
<template lang="html"> <div class="editor"> <!--定义的为表头的属性--> <div ref="toolbar" class="toolbar"> </div> <!--定义的为表格的属性--> <div ref="editor" class="text 阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(128)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(12)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-09-10 19:40
前端导师歌谣
阅读(8)
评论(0)
推荐(0)
浙公网安备 33010602011771号