![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 55
小山羊~
命运多舛,痴迷淡然
展开
-
typescript知识点
1.typescript开发环境搭建(1)安装node的运行环境 node+npm(2)全局安装typescriptnpm install typescript -g(3)建立项目目录和编译ts文件建立文件夹,demo1.tsfunction pang(){ let web: string='Hello World' console.log(web)}pang()因为 Node 不能直接运行TypeScript文件,需要用tsc demo1.ts转换,转换完成后t原创 2022-01-06 14:33:19 · 512 阅读 · 0 评论 -
vue移动端
一、原创 2021-07-29 16:58:30 · 133 阅读 · 0 评论 -
vue+ElementUI后台管理系统
一、登录/退出功能若前端与后台存在跨域问题,则使用token否则,使用cookie/session方式原创 2021-07-21 15:51:26 · 1007 阅读 · 0 评论 -
vue双向绑定原理
当你把一个普通的 JavaScript 对象传入 Vue 实例作为data选项,Vue 将遍历此对象所有的 property,并使用Object.defineProperty把这些 property 全部转为getter/setter。在 property 被访问和修改时通知变更。...转载 2021-07-12 15:51:08 · 282 阅读 · 0 评论 -
vue dialog及detail封装
1.父组件 <!-- 弹窗, 新增 / 修改 --> <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update> // 引入 import mixinViewModule from '@/mixins/view-module' import AddOrUpdate from './ad原创 2021-07-05 15:31:03 · 711 阅读 · 0 评论 -
vue生命周期
创建前/后:在beforeCreated阶段:vue实例的挂载元素$el和数据对象data都为undefined,还未初始化;在created阶段,vue实例的数据对象data有了,$el还没有。载入前/后:在beforeMount阶段,vue实例的$el和data都初始化了,但还是挂载之前为虚拟的dom节点,data.message还未替换;在mounted阶段,vue实例挂载完成,data.message成功渲染。更新前/后:当data变化时,会触发beforeUpdate和updated方法.原创 2021-04-02 16:01:44 · 117 阅读 · 0 评论 -
vue中el,render,template,及基础知识点
el的作用:用于声明vue实例的挂载目标Render 函数是 Vue2.x 新增的一个函数、主要用来提升节点的性能,它是基于 JavaScript 计算。使用 Render 函数将 Template 里面的节点解析成虚拟的 Dom在底层的实现上,Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统,Vue 能够智能地计算出最少需要重新渲染多少组件,并把 DOM 操作次数减到最少...原创 2021-04-02 16:00:50 · 871 阅读 · 0 评论 -
computed,watch理解
二次封装的优势及意义(1)有利于紧密贴合业务,提高开发效率(2)封装的组件越来越多,业务能得到实际的解决(3)提高开发者组件设计能力原创 2020-09-17 16:16:40 · 372 阅读 · 0 评论 -
vue中ref的作用
1.基本用法:本页面获取DOM元素2.ref还可以拿到子组件中的data和去调用子组件中的方法获取子组件中的data子组件父组件调用子组件的方法子组件父组件原创 2020-08-24 16:07:46 · 173 阅读 · 0 评论 -
vue ElementUI重置dialog + 表单相关
(1)template中(引入组件的dialog 或 直接dialog均可) <!-- 运费 --> <div class="feeDialog"> <el-dialog v-if="reFreshShowModeratorFee" width="1200px" :visible.sync="showModeratorFee"> <div class="fee_dialog">原创 2020-07-02 17:59:35 · 1057 阅读 · 0 评论 -
vue elemengUI 省市区三级联动
(1)template中 <el-form-item label="公司注册地址"> <el-select v-model="ruleForm.province_id" style="width:150px;margin: 0px 10px 0 0;" @change="changeCity(1)"> <el-option v-for="(province,index) in provinceLis..原创 2020-07-02 16:32:30 · 202 阅读 · 0 评论 -
vue项目 ie11 浏览器报 Promise 未定义的错误
报错:{description:"“Promise”未定义",message:"“Promise”未定义",name:"ReferenceEr...",number:-2146823279,stack:"ReferenceEr..."}解决办法1. npm install babel-polyfill --save2. 在main.js中import "babel-polyfill"3. 如果使用了vuex,则在vuex的index.js文件中也要...原创 2020-06-22 14:27:47 · 1007 阅读 · 0 评论 -
vue elementui form表单自定义必填*
<span slot="label"><span style="color: #F56C6C;margin-right: 3px;">*</span>使用版谷</span>原创 2020-04-17 17:20:26 · 1861 阅读 · 0 评论 -
vue elementui 三级分类
1.template中 <div class="table_content"> <div class="custom-tree-container"> <el-table v-loading="loading" :header-cell-style="getRowCla...原创 2020-04-03 16:50:07 · 2853 阅读 · 0 评论 -
vue elementui列表嵌套功能实现
<div class="table_content"> <el-table border :data="tableData" v-loading="loading" style="width: 100%" row-key="product_id" ...原创 2020-04-03 12:50:50 · 1329 阅读 · 0 评论 -
vue动态添加表单项
1. <div v-for="(item, index) in ruleForm.group" :key="'info-' + index" class="bgc"> <div class="fenFlex sellPr"> ...原创 2020-04-03 11:30:26 · 1797 阅读 · 2 评论 -
vue elementui 表单多项对应
1.@change="((val)=>{groupSel(val,index)})"2. groupSel(val, _index) { // console.log(val, _index, '0000') if (val) { this.ruleForm.group[_index].jianSel = true } el...原创 2020-04-03 10:36:03 · 353 阅读 · 0 评论 -
vue 列表搜索缓存(进入详情页返回列表,记住列表数据)
1. beforeRouteLeave(to, from, next) { if (to.name === 'productlist-detail') { this.saveSearchData(this.$route.name, this.searchData, this.page, {}) } else { this.clearSearchDat...原创 2020-04-02 16:20:44 · 2534 阅读 · 0 评论 -
vue elementui Select 选择器
1.template中 <el-col :xs="24" :sm="24" :md="24" :lg="6" :xl="4"> <div class="pub_input_content"> <span class="pub_input_title">审核状态</span> ...原创 2020-04-01 12:32:21 · 1133 阅读 · 0 评论 -
vue elementui 日期datetimerange
1.template中: <el-col :xs="24" :sm="24" :md="24" :lg="10" :xl="8"> <div class="pub_input_content"> <span class="pub_input_title pub_input_title_data"&...原创 2020-04-01 12:11:20 · 6486 阅读 · 0 评论 -
vue elementui Checkbox 多选框
1.template中: <div class="pl30"> <el-checkbox-group v-model="cate_id" size="mini"> <el-checkbox-button v-for="(cate, index) in cates" :...原创 2020-04-01 11:30:59 · 501 阅读 · 0 评论 -
vue el-cascader 动态加载(三级分类或省市区)
1.tempalte中: <el-dialog width="600px" title="商品类目编辑" :visible.sync="dialogVisible"> <el-cascader v-model="partyOrganId" :props="{ ...原创 2020-03-31 11:35:44 · 3126 阅读 · 0 评论 -
vue 实现剪切板功能 vue-clipboard2
1.安装vue-clipboard2插件npm install --save vue-clipboard22.查看配置文件package.json检查vue-clipboard2是否安装成功3.main.js添加import VueClipboard from 'vue-clipboard2'Vue.use(VueClipboard)4. <el-butt...原创 2020-03-22 21:44:18 · 208 阅读 · 0 评论 -
vue elelmentUI 日期组件
1.html <div class="mb_z"> <span class="mr15">发货日期:</span> <el-date-picker v-model="delivery_date" ...原创 2020-03-22 21:26:20 · 167 阅读 · 0 评论 -
vue elementUI 日期组件 默认当前月份第一天 与 当前月份最后一天
1. template中如下代码: <el-date-picker v-model="startTime" type="date" size="small" @change="getdateValue" ...原创 2020-03-22 20:39:56 · 5612 阅读 · 0 评论 -
vue ElementUI 表单验证输入空格
element-ui中自带的表单必填项校验不能去除空格。若想正确校验需要去除字符两边的空格。在v-model加上.trim就可以解决。 <el-form-item label="模板名称" prop="template_name"> <el-input v-model.trim="ruleForm.template_name" size="small" pla...原创 2020-03-22 20:24:45 · 1864 阅读 · 0 评论 -
Vue + ElementUI表格内实现图片点击放大效果
<el-table-column property="activity_name" show-overflow-tooltip label="活动标题"> <template slot-scope="scope"> <div class="one_reapet">{{ scope.row.activity_...原创 2020-03-01 17:59:00 · 3786 阅读 · 1 评论 -
JS 获取当前月份的第一天与当前月份的最后一天
(1)获取当前月份的第一天 getCurrentMonthFirst () { var date = new Date() date.setDate(1) var month = parseInt(date.getMonth() + 1) var day = date.getDate() if (month < 10) mo...原创 2020-03-01 17:54:48 · 181 阅读 · 0 评论 -
上传图片vue element
<el-upload class="avatar-uploader pl30" action="123" :show-file-list="false" :on-change="onchange"> <img v-if="imageUrl" :src="imageUrl" class="avatar imgs"> ...原创 2019-11-02 23:59:08 · 129 阅读 · 0 评论 -
echarts自适应
(1)引入文件夹mixins,resize文件import { debounce} from '@/untils/url.js'export default { data () { return { $_sidebarElm: null, $_resizeHandler: null } }, mounted () { th...原创 2019-11-02 23:12:28 · 392 阅读 · 0 评论 -
组件间通信
(1)引入单独文件import Vue from 'vue'export default new Vue()(2)importUtilfrom'@/untils/util.js'@click="enterpage()" enterpage1 () { Util.$emit('navMessage', 2, '2-2', '店铺管理', {pathname: ...原创 2019-11-02 23:01:20 · 79 阅读 · 0 评论 -
this.$nextTick()
1.定义(什么是this.$nextTick())在下次DOM更新循环结束之后执行回调函数,在修改数据之后立即使用这个方法,获取更新后的DOM即:是将回调函数延迟在下一次DOM更新数据后调用,简单理解:当数据更新了,在DOM中渲染后,自动执行该函数2.什么时候用(1)vue生命周期的created()钩子函数进行的DOM操作一定要放在this.$nextTick()回调函数中,原因...原创 2019-11-02 22:33:51 · 344 阅读 · 0 评论 -
vscode配置
{//vscode默认启用了根据文件类型自动设置tabsize的选项"editor.detectIndentation":false,//重新设定tabsize"editor.tabSize":2,//#每次保存的时候自动格式化"editor.formatOnSave":false,//#每次保存的时候将代码按eslint格式进行修复"...原创 2019-11-02 20:54:35 · 409 阅读 · 0 评论 -
Mac npm install -g vue-cli 报错 及 vue + Element-UI创建工程
报错j解决方法:添加文件夹权限,即在终端执行原创 2019-04-04 18:21:54 · 1323 阅读 · 1 评论 -
babel原理
presets:转译过程中使用的各类插件(插件集),这样我们只需要使用对应的preset就可以了原创 2019-06-12 10:44:25 · 262 阅读 · 0 评论