随笔分类 -  Vue+Element的使用

Element遇到的问题
Syntax Error: TypeError: this.getOptions is not a function 问题解决
摘要：嗯，我的这个问题是 less-loader 和 node-sass 版本不兼容的问题，解决办法是安装成匹配的版本。最好保存一下。 --save-dev npm install module --save-dev 下图这两个版本是没问题的 阅读全文
posted @ 2021-05-14 23:57 山河已无恙 阅读(10397) 评论(2) 推荐(2) 编辑
Vue中markdown使用katex(基于mavonEditor扩展katex）
摘要：我的需求： 整理笔记用到，发现CSDN那个蛮好用的，所以研究下： katex 文档： https://katex.org/docs/supported.html 我是这样做的： githup上找的一个Vue的开源markdown编辑器，使用markdownIt扩展katex语法支持@iktakahi 阅读全文
posted @ 2021-05-05 10:27 山河已无恙 阅读(2219) 评论(2) 推荐(0) 编辑
el-container全屏布局（ElementUI）
摘要：标签上不要添加高度，定位属性，直接设置就OK html,body,#app,.el-container{ /*设置内部填充为0，几个布局元素之间没有间距*/ padding: 0px; /*外部间距也是如此设置*/ margin: 0px; /*统一设置高度为100%*/ height: 100%; 阅读全文
posted @ 2021-02-24 10:36 山河已无恙 阅读(1376) 评论(0) 推荐(0) 编辑
div多出文字变成...
摘要：.span-content-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 118px; display: inline-block;}let info = this.isAsync == t 阅读全文
posted @ 2020-12-03 20:11 山河已无恙 阅读(187) 评论(0) 推荐(0) 编辑
ElementU日历Demo
摘要：嗯，项目需求有这个，试着写了一个Demo看看效果。有好的建议请小伙伴留言 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <!-- import CSS --> <link rel="stylesheet" href="https://unp 阅读全文
posted @ 2020-11-13 20:30 山河已无恙 阅读(247) 评论(0) 推荐(0) 编辑
ElementUI表格行编辑单元格编辑支持（输入框，选择框）Demo
摘要：嗯，需要做成这个样子，所以网上查了些资料。整理了下。提供几个一个思路。不足之处请小伙伴指出来。 普通版的table可编辑内嵌select选择框，输出框，编辑删除添加等 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <!-- import C 阅读全文
posted @ 2020-11-13 10:51 山河已无恙 阅读(5010) 评论(0) 推荐(2) 编辑
鼠标悬浮显示图标文字
摘要：重点：父级元素使用position:relative，子级元素使用position:absolute，进行定位。 鼠标悬浮 let div = $('<div class="boxCardUploadImg" ondblclick="handlePictureCardPreview(this)">< 阅读全文
posted @ 2020-10-22 20:40 山河已无恙 阅读(962) 评论(0) 推荐(0) 编辑
ElementUI级联选择器动态加载Demo
摘要：嗯，今天项目遇到，弄了一会，这里分享一下，不足之处请小伙伴指出来， 官网Demo： <el-cascader :props="props"></el-cascader> <script> let id = 0; export default { data() { return { props: { 阅读全文
posted @ 2020-10-20 20:36 山河已无恙 阅读(2575) 评论(0) 推荐(0) 编辑
vue拼图动画Demo
摘要：这是一个基于vue的Demo，可以实现拼图动画，但是具体的没有写拼图成功的逻辑，鼠标悬停移动。周期刷新 我把它放到的我的博客园界面上了。刷新界面可以看到。 演示地址 ：https://liruilongs.github.io/jigsawPuzzle.github.io/ 部分代码 <!DOCTYP 阅读全文
posted @ 2020-10-12 03:17 山河已无恙 阅读(292) 评论(0) 推荐(1) 编辑
`webpack-dev-server --inline --progress --config build/webpack.dev.conf.js（vue报错）
摘要：这个问题我的原因是版本不一致的导致的，多次install发现，每次的webpack-dev-server都是需要使用低版本的，但是默认使用的3.0的版本，如果直接install就会报这个错。 解决办法，每次npm install之后，把webpack-dev-server这个uninstall掉，然 阅读全文
posted @ 2020-10-03 07:39 山河已无恙 阅读(1568) 评论(0) 推荐(0) 编辑
如果屏蔽父容器的CSS样式。
摘要：思路即提高当前容器的CSS权重 使用 !important !important为开发者提供了一个增加样式权重的方法，比直接在元素的 style 属性中设置 CSS 声明还要高， 一般用在 CSS 覆盖 JavaScript设置上。 <!DOCTYPE HTML> <html> <head> <me 阅读全文
posted @ 2020-07-06 17:11 山河已无恙 阅读(1770) 评论(0) 推荐(0) 编辑
一个JSON解构赋值给另一个字段不同的JSON
摘要：往数据里添加JSON字符串 // 往数据里添加JSON字符串 var arr = []; var json ={"name":"liruilong","sex":"男"} arr.push(json); alert(JSON.stringify(arr)); 往数组的json字符串里新增数据 // 阅读全文
posted @ 2020-07-03 08:52 山河已无恙 阅读(1814) 评论(0) 推荐(0) 编辑
var me = this的实际意义，js将this引用赋值的意义
摘要：var me = this; 的意义。 网上说是为了压缩代码。 所以建议当引用this超过3个是时可以这样写，当小于3个时不用这使用这种写法。 阅读全文
posted @ 2020-07-01 19:19 山河已无恙 阅读(438) 评论(0) 推荐(0) 编辑
EasyUI Combobox 组合框在后端数据初始化后前端的数据加工处理
摘要：需求是这样的： 前端模板引擎为JSP，需要在后端返回下拉数据的基础上添加一个全部的下拉选择。 EasyUI 官网： http://www.jeasyui.net/plugins/169.html 实现方式： 将EasyUI Combobox 组合框的数据加载放到页面初始化的时候处理。 即将组合框的构 阅读全文
posted @ 2020-07-01 09:08 山河已无恙 阅读(689) 评论(0) 推荐(0) 编辑
js中debug的使用
摘要：之前好傻逼。。。。。 一直用alert或者console。 window.console.log("") window.console.debug("") 实习看到这个 debugger function saveUser(){ var saveDataObj = serializeNestedOb 阅读全文
posted @ 2020-06-10 10:15 山河已无恙 阅读(563) 评论(0) 推荐(0) 编辑
Vue实现靠边悬浮球(PC端)
摘要：我想把退出登录的按钮做成一个悬浮球的样子，带动画的那种。 实现是这个样子： 手边没有球形图。所以用的毕设PPT扣的 校~，今年毕业，功能这里演示的为单机悬浮球注销登录 嗯，具体代码： <div :class="['meun-switch animated flex-row',uploadflag ? 阅读全文
posted @ 2020-05-08 23:48 山河已无恙 阅读(8220) 评论(0) 推荐(2) 编辑
Vue列表实现滚动到指定位置样式改变
摘要：这个需求大概是这样子： 我做的一个聊天Demo，在搜索框搜索用户，可以滚动到指定的用户。然后成选中状态。 这是目前状态，我搜索 南宫仆射 ，想要下面的用户列表直接滚动到 南宫仆射 并改变CSS样式。 查询之后是这个子： 嗯，我的思路： 在搜索框搜索到用户之后会返回一个用户对象，之后会调用列表的点击事 阅读全文
posted @ 2020-05-08 20:33 山河已无恙 阅读(5733) 评论(0) 推荐(0) 编辑
VUE中字符串实现JSON格式化展示。
摘要：需求是这样的： 嗯，我想把JSON数据从文件中读取出来，读取为字符串，然后传到前端展示。 遇到的问题是这样的： 把JSON文件解析为字符串 把字符串传到前端在展示为JSON格式。 我是这样解决的： 使用IO流的知识,转换为字符串 使用vue-json-viewer插件展示读取的数据 JSON文件转字 阅读全文
posted @ 2020-03-17 13:26 山河已无恙 阅读(19484) 评论(4) 推荐(2) 编辑

点击右上角即可分享
微信分享提示