Vue
文章平均质量分 62
要爆炸的臭臭君
纸上得来终觉浅,觉知此事要躬行!
展开
-
element-ui表格高度自适应(el-table 自适应高度)
想让element-ui的表格 el-table 出现滚动条的时候,如果不做处理就只能是 height="XXXpx",给它一个固定的高度,我们的页面正常情况下,是不允许出现页面级滚动条的,也是不美观的,想让table自适应高度并且有滚动条,而且不会出现页面级滚动条,可以这么实现,下面是我写的一个小组件,如果你明白了他的原理,就可以灵活运用在你自己的项目中了。原创 2023-02-01 14:32:35 · 3997 阅读 · 1 评论 -
解决富文本编辑器(wangeditor)在vue项目中不能双向数据绑定(v-model)的问题
将富文本编辑器封装成一个组件首先要明白一个原理,vue中的v-model指令(双向数据绑定)其实这是一种语法糖,它只是给其绑定节点添加了一个input事件,并且给他添加了一个value属性,数值发生变化,他会更新data中的数据,在更新节点的value,从而实现双向数据绑定。/src/component/Editor/index.vue组件代码<template> <div> <div id="seditor" ref="seditor" @input="c原创 2021-05-21 19:00:41 · 4918 阅读 · 2 评论 -
深圳马的 50G 半年免费对象存储,你确定不要吗?
腾讯云对象存储实现文件上传(前端实现过程)使用步骤:登录或注册腾讯云账号然后进行实名认证搜索对象存储并开通(新用户免费送50G)找到存储桶列表创建存储桶创建秘钥进入控制台搜索访问管理并进入新建秘钥等待创建成功SecretId,SecretKey 分别为秘钥id 和keykey值显示需要进行验证设置跨域点击对象存储中的存储桶列表,再点击存储桶列表中的,某个存储桶名称点击安全管理=>跨域访问CORS规则设置为原创 2021-05-14 14:23:03 · 524 阅读 · 5 评论 -
vuex持久化插件(vuex-persistedstate)
一、使用插件解决vuex数据刷新丢失使用vuex的插件在使用vuex-persistedstate 插件这个插件其实也是使用本地缓存来储存store中的属性安装vuex-persistedstate插件npm install vuex-persistedstate --save在store中的index.js中引入import persistedState from 'vuex-persistedstate'let create_persistedstate = persisted原创 2021-05-06 19:51:08 · 3195 阅读 · 0 评论 -
Vue的单向数据流你了解吗?
什么是单向数据流?组件中的父组件向子组件使用prop进行传值,这个可以称为一个单向数据流,父组件的值发生变化时,子组件的prop的值也会进行更新,这种现象可以称为单向向下的数据绑定(单向下行绑定)看一个简单的例子进行了解一下:子组件:<template> <input type="text" :value="text" /></template><script>export default { name: 'my-input', pr原创 2021-05-03 16:06:38 · 569 阅读 · 2 评论 -
Vuex核心概念
Vuex 学习笔记1.Vuex是什么Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。每一个 Vuex 应用的核心就是 store(仓库)。“store”基本上就是一个容器,它包含着你的应用中大部分的状态 (state)。Vuex 和单纯的全局对象有以下两点不同:Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候,若 store 中的状态发生变化,那么相应的组件也原创 2021-04-28 19:37:46 · 131 阅读 · 1 评论