![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
小鱼小鱼起来码码
随遇而安,不安现状
展开
-
vue的双向绑定的原理
vue是采用数据劫持的方式,即发布者-订阅者模式;通过object.defineProperty()来劫持各个属性的setter,getter。在数据变动时发布消息给订阅者,触发对应的监听回调。原创 2022-03-31 15:51:16 · 1212 阅读 · 0 评论 -
el-table,table动态展示内容
<el-table :data="tableData" stripe style="width: 100%" :row-class-name="rowClassName" ref="tb" > <el-table-column v-for="(item, index) in tableTitle" :key="index" :label="ite..原创 2022-01-25 15:00:28 · 1091 阅读 · 0 评论 -
时间倒计时js
1.引入js/css.2.获取当前时间,定义方法。 getNowTime: function () { let dateTime let yy = new Date().getFullYear() let mm = new Date().getMonth() + 1 let dd = new Date().getDate() let hh.原创 2022-01-04 15:59:04 · 129 阅读 · 0 评论 -
vue + vue-tinymce 富文本编辑器
第一步:npmnpm install tinymce -Snpm install @tinymce/tinymce-vue -S第二步:把node_modules中的tinymce复制到static中。第三步:mian.js// 富文本编辑器import tinymce from 'tinymce'import VueTinymce from '@packy-tang/vue-tinymce'//样式import 'tinymce/skins/ui/oxide/ski...原创 2021-12-02 10:58:22 · 791 阅读 · 0 评论 -
npm less 报错: this.getOptions is not a function
npm less 的时候报错:TypeError: this.getOptions is not a function解决:less-loader版本过高。重新安装一下less-loader。npm install less-loader@5.0.0npm install 记得更新一下依赖原创 2021-12-02 10:45:19 · 745 阅读 · 0 评论 -
vue + elementui: el-form
最近发现form表单的字段很多,但是又不想一个一个写的,想到可以json+for去处理。第一步:封装一个form组件。 <el-form ref="form" :model="form" label-width="150px" class="demo-dynamic flex" > <el-form-item :label="it原创 2021-12-02 10:23:40 · 766 阅读 · 0 评论 -
vue 自定义指令实现下载功能
vue内点击url下载文件最佳解决方案_小李@123的博客-CSDN博客_vue点击链接下载文件转载 2021-11-20 17:19:31 · 228 阅读 · 0 评论 -
vue:query,params区别
query:path+query搭配使用;页面刷新时,传递过来的参数不会消失;传递过去的参数会在url显示; this.$router.push({ path:'aaa/index2', query:{id:10086,name:'zhangsan'} }) this.$route.query.idparams:name+params搭配使用;页面刷新时,传递过来的参数会消失;传原创 2021-11-05 15:56:30 · 68 阅读 · 0 评论 -
tinymce,v-model初始化值显示
props: { offerContents: { type: String, default: () => "", }, }, created() { this.$nextTick(() => window.tinymce.get(this.tinymceId).setContent(this.offerContents) ); },原创 2021-11-05 11:00:09 · 779 阅读 · 0 评论 -
vue:this.$nextTick使用场景
使用的原理:vue的响应式,即不是数据发生变化后立即更新DOM,而是更新DOM 属于异步执行操作。需等待所有的同步任务执行完成之后,才会进行异步任务执行。使用场景:1,想在created中进行DOM操作。原因:在created中不会对DOM进行任何的操作,如果你想在拿到数据后直接更新DOM,可以使用this.$nextTick(); created() { this.$nextTick(() => this.data1='222'; ); },原创 2021-11-05 10:57:21 · 353 阅读 · 0 评论 -
Mac 安装element-ui
第一步:$sudo -s第二步:$npm i element-ui -S原创 2021-10-28 11:18:57 · 850 阅读 · 0 评论 -
Mac 创建vue项目
第一步:node.js直接官网手动安装。 node -v 查看 nodejs版本第二步:安装 npm.淘宝镜像sudo npm install -g cnpm --registry=https://registry.npm.taobao.org --verbosenpm -v 查看版本第三步:安装webpack必须在root目录下首先执行,$ sudo -s,然后执行,npm install webpack -g ; 或者.原创 2021-10-28 10:48:37 · 320 阅读 · 0 评论 -
vue + elementui:table
循环el-table-column,封装table数据格式: tableTitle: [ { label: "姓名", prop: "name" }, { label: "入职部门", prop: "bumen" }, { label: "入职岗位", prop: "gangwei" }, { label: "预计入职日期", prop: "date" }, { label: "手机号", prop: "p.原创 2021-11-04 10:53:47 · 103 阅读 · 0 评论 -
vue + tinymce富文本编译器
第一步:执行命令npm install vue-tinymce-editornpm install tinymce --save 第二步:更新依赖npm install第三步:创建组件tinymce.vue<template> <div class="tinymce"> <tinymce :id="tinymceId" ref="tinymce" v-model="offerContents"...原创 2021-11-04 11:06:04 · 371 阅读 · 0 评论