vue
weixin_46275177
这个作者很懒,什么都没留下…
展开
-
Vue patch() 与 update()
//1. 初始化 patch(container, vnode)function createElement(vnode) { let tag = vnode.tag // 目标元素 ul let attrs = vnode.attrs || {} //属性 let children = vnode.children || [] //子节点 if (!tag) { return null } // 1. 创建对应的dom let原创 2022-03-09 21:15:21 · 182 阅读 · 0 评论 -
v-model 双向数据绑定原理
<!-- v-model 双向数据绑定原理 --><input placeholder="请输入名字" id="userName">绑定值: <p id="uName"></p>let obj={}// 数据劫持Object.defineProperty(obj, "userName",{ // 取值 get: function(){ console.log('取值') }, // 设置值 set: function(val){原创 2022-03-09 20:11:46 · 55 阅读 · 0 评论 -
ECharts.js快速上手
ECharts.js官网一、ECharts快速上手步骤1:引入 echarts.js 文件<script src="js/echarts.min.js"></script>步骤2:准备一个呈现图表的盒子<div id="myEcharts" style="width: 600px;height:400px;"></div>步骤3:初始化 echarts 实例对象var myChart = echarts.init(document.getEl原创 2021-12-15 14:13:26 · 796 阅读 · 0 评论 -
设置tinymce富文本编辑器图片过大适配
解决方案:content_style 直接为编辑区编写csstinymce.init({ content_style: "img{width:100%}"});官方文档:http://tinymce.ax-z.cn/configure/content-appearance.php#content_style原创 2021-10-22 16:01:58 · 1003 阅读 · 1 评论 -
富文本编辑器图片url上传
官方文档:http://tinymce.ax-z.cn/general/upload-images.php//引入axiosimport axios from "axios路径";//富文本配置images_upload_handler: (blobInfo, success, failure) => { var file = blobInfo.blob(); const formData = new FormData(); formData.append('file',原创 2021-10-14 16:41:57 · 211 阅读 · 0 评论 -
vue 中设置 history与hash模式
/*vue2*/import Vue from 'vue';import Router from 'vue-router'; Vue.use(Router); const router = new Router({ mode: 'history',// 设置history与hash routes: []})/*vue3*/// 设置history => createWebHistory 设置hash => createWebHashHistoryimport { crea原创 2021-10-12 16:23:15 · 354 阅读 · 0 评论 -
Vuex 入门
概述1、组件之间共享数据的方式父向子传值:v-bind 属性绑定子向父传值:v-on 事件绑定兄弟组件之间共享数据:EventBus$on 接收数据的那个组件$emit 发送数据的那个组件2、 Vuex 是什么vuex是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间数据的共享3、使用 vuex 统一管理状态的好处能够在 vuex 中集中管理共享的数据,易于开发和后期维护能够高效的实现组件之间的数据共享,提高开发效率存储在 vuex 中的数据都原创 2021-10-09 10:58:23 · 62 阅读 · 0 评论 -
vue关闭当前页面并返回上一路由
删除vuex里存放的store里的tabs中的相应页面this.$store.state.user.tabs.splice(this.$store.state.user.tabs.findIndex(item => item.path === this.$route.path), 1)返回上一页this.$router.go(-1);原创 2021-09-13 15:59:34 · 2738 阅读 · 0 评论