![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 71
业余vue
时遇倾城色
岁月静好,安然若素
展开
-
v-bind,v-on的使用
v-bind:绑定属性值,内容相当于js,缩写:v-on:绑定方法,缩写@v-bind我添加了一个input标签,如下<input type="button" value="按钮" title="title"></input>这样显示的title是固定的,我想使用Vue的data里面的值,就需要加v-bind指令<input type="button" value="按钮" v-bind:title="title + '---' +'相当于js'">&l.转载 2021-01-15 16:40:55 · 362 阅读 · 0 评论 -
vue父子组件传值
1. 前言官网上组件定义:组件是可复用的 Vue 实例,且带有一个名字。 我们可以将其理解为项目中的一个vue页面,我们需要多次在别的页面引用此页面,为了方便,将此页面封装为组件。父组件使用 props 把数据传给子组件。vm.$emit( event, arg ) //触发当前实例上的事件子组件使用$emit触发父组件的自定义事件。vm.$on( event, fn );//监听event事件后运行 fn;2. 举例说明准备工作(1)Son.vue: 首先定义一个子组件,子组件为一个输原创 2021-01-15 14:48:36 · 93 阅读 · 0 评论 -
element-ui 指定页面元素loading
一般element-ui都是给表格加loading效果,也可以给整个页面(body)加loading效果。当然也可以页面上的任何DOM加loading效果。<el-button type="primary" @click="onSearch">查询</el-button>onSearch() { const loading = this.$loading({ lock: true, text: 'Loading', spinner:转载 2021-01-14 16:06:39 · 1276 阅读 · 0 评论 -
富文本编辑器(vue-quill-editor)自定义工具栏按钮
安装npm install vue-quill-editor --save使用1、引用(1)局部引用,在使用页面引入import 'quill/dist/quill.core.css'import 'quill/dist/quill.snow.css'import 'quill/dist/quill.bubble.css'import { quillEditor } from 'vue-quill-editor'export default { components: {原创 2020-12-15 20:35:08 · 6988 阅读 · 2 评论 -
vue自定义echart 全屏工具
需求描述如图:在动态加载图表的情况下,自定义一个全屏按钮,点击按钮全屏显示图表。实现效果实现思路:遮罩:定义两个div:a和A,a为当前图表,A为全屏后的图表,全屏后A在a的上层显示,退出全屏后A隐藏实现过程原始div <div style="height: 360px" id="test1"></div>定义一个变量,判断当前是否为全屏isFull: false, //false为非全屏,true为全屏新创建一个div,加载全屏后的图表,v-b原创 2020-11-29 02:12:08 · 1512 阅读 · 2 评论 -
vue项目启动失败,npm install失败
问题描述从github上拉了一个vue项目,到本地运行失败,出现各种问题。解决过程一、删除node_modules如果没有,请忽略这一步。二、npm install1 报错:can’t find python executable “python”,you can set the PYTHON env variable。(1)安装npm需要的系统工具,执行如下命令,然后就会下载安装python,切记,一定要在管理员模式下安装,否则会报错:Please restart thie script原创 2020-11-15 17:57:09 · 3892 阅读 · 2 评论 -
element 级联选择器懒加载回显
element 级联选择器懒加载原创 2020-11-04 09:30:59 · 5062 阅读 · 3 评论 -
vue页面引入另一个页面
需求描述定时任务管理页面,在页面里点击查看日志按钮,弹框显示该任务执行的日志有单独的日志页面,该页面可以查看所有任务执行的日志记录为了避免写重复代码,在定时任务页面的查看日志弹窗里引入日志页面实现思路日志页面要想被引入,首先要导出,所以要在export default里面添加name属性,引入的时候通过导出的name查找组件export default { name: 'lamlog'}在任务页面引入日志页面import lamlog from '@v原创 2020-11-12 10:42:20 · 10550 阅读 · 0 评论