摘要:
一、概述 vue-router跳转一般是这么写: toCurrentPage: function(thisId){ this.$router.push({path:'/test ', query: { id: thisId, option: ""}}); } 但是当遇到,需要跳转同页面不同query 阅读全文
摘要:
一、概述 当行内容过多并且不想显示横向滚动条时,可以使用 Table 展开行功能。 官方示例: test.vue <template> <el-table :data="tableData" style="width: 100%"> <el-table-column type="expand"> < 阅读全文
摘要:
一、概述 textarea默认情况下,当超出范围后,会在右边显示滑动条 体验不太好,不需要滑动条,根据内容,自动增加高度,并显示完整内容。 二、解决方法 主要有3种方式: :rows="2" -->固定行数 :autosize="{minRows:2,maxRows:8} -->高度范围 autos 阅读全文
摘要:
一、概述 项目中有一个父子组件,子组件是dialog弹窗,第一次点击保存后,页面自动刷新。 父组件操作的表单数据都丢失了,但是再刷新一次,重新操作就不会刷新了,非常奇怪。 原因:由于当表单只有一个文本框时,按下回车将会触发表单的提交事件, 从而导致页面刷新。 <el-form :inline="tr 阅读全文
摘要:
一、概述 对于上传图片功能,tinymce提供了很多相关配置http://tinymce.ax-z.cn/configure/file-image-upload.php 这里我们对其中的自定义上传图片进行简单的讲解,需要用到images_upload_url属性。 二、更改配置 在上一篇文章中,链接 阅读全文
摘要:
一、概述 TinyMCE是一款易用、且功能强大的所见即所得的富文本编辑器。同类程序有:UEditor、Kindeditor、Simditor、CKEditor、wangEditor、Suneditor、froala等等。 TinyMCE的优势: 开源可商用,基于LGPL2.1 插件丰富,自带插件基本 阅读全文
摘要:
一、概述 项目目录结构 ./ ├── assets │ └── logo.png └── components └── test.vue test.vue中的css样式,需要引用assets下的logo.png文件。 #main { width: 200px; height: 200px; back 阅读全文
摘要:
一、概述 在使用数组的时候,数组内部数据发生改变,但是与数组绑定的页面的数据却没有发生变化。 示例代码如下: <template> <div style="margin-left: 10px;"> <div v-for="(item,index) in nameList"> <span>姓名: {{ 阅读全文
摘要:
一、概述 示例代码: <template> <div> <div v-for="(item,index) in product"> <img src="{{ item.imgSrc }}" alt=""> </div> </div> </template> 发现这样运行会报错 二、解决方法 img标 阅读全文
摘要:
一、概述 使用百度实现搜索功能,先来看一下效果图 二、代码实现 安装插件vue-resource npm install vue-resource --save 这个插件主要是为了实现this.$http.jsonp()方法 修改main.js,引用vue-resource import VueRe 阅读全文