
vue
一只勤奋的考拉
这个作者很懒,什么都没留下…
展开
-
vue使用自定义指令监听DOM元素变化
注册指令:directives:{ resize: { // 指令的名称 bind(el, binding) { // el为绑定的元素,binding为绑定给指令的对象 console.log(el,"绑定",binding); let width = '', height = ''; function isReize() { const style = document.defaultV原创 2021-07-16 13:52:54 · 4484 阅读 · 2 评论 -
一颗懒加载、可勾选、可查询的树组件
效果图:代码:<template> <div name="input-tree" id="input-tree" > <div class="el-input el-input--suffix"> <input type="text" placeholder="请选择" class="el-input__inner" @click="ha原创 2021-04-26 11:27:53 · 532 阅读 · 0 评论 -
定制el-select样式(神奇的el-input__prefix)
定制el-select样式(神奇的el-input__prefix)el-input 可以通过prefix-icon和suffix-icon属性在input组件首部和尾部增加显示图标,但是好像el-select好像不行,至少我没看到。我发现:效果图:使用**.el-input__prefix**就可以在el-select前面添加图标了。...原创 2021-04-23 14:36:46 · 5045 阅读 · 1 评论 -
vscode中 yarn : 无法加载文件 C:\Users\Admin\AppData\Roaming\npm\yarn.ps1,因为在此系统因为在此系统上禁止运行脚本。
问题描述:yarn : 无法加载文件 C:\Users\Admin\AppData\Roaming\npm\yarn.ps1,因为在此系统因为在此系统上禁止运行脚本。解决方法:以管理员身份运行vscode;执行:get-ExecutionPolicy,显示Restricted,表示状态是禁止的;执行:set-ExecutionPolicy RemoteSigned;这时再执行get-ExecutionPolicy,就显示RemoteSigned;...原创 2020-09-03 14:09:52 · 7424 阅读 · 7 评论 -
vue刷新网页后vuex的state数据丢失的问题
1、解决方法将state里的数据保存一份到本地存储(localStorage、sessionStorage、cookie)中。2、实现方式beforeunload这个事件在页面刷新时是先触发的,我在app.vue这个入口组件中监听beforeunload,先将state数据保存到sessionStorage,然后再刷新页面这样就可以每次刷新页面都可以触发,将state数据保存到sessionStorage中。代码如下:export default { name: 'App', create原创 2020-06-28 14:11:26 · 393 阅读 · 0 评论 -
element-ui中el-table表格自适应
问题描述:在使用flex布局后,折叠导航后,页面窗口变大,el-table会跟着自适应,但是导航打开,页面窗口变小,el-table就不会跟着自适应。解决方法:在element-ui table标签上加css属性absolute,并在其父级添加relativehtml代码结构://html<div class="main"> <div class="main-content" ref="tableContainer"> <el-table>原创 2020-05-26 14:45:25 · 2863 阅读 · 0 评论