肖祥

摘要： 一、概述 当行内容过多并且不想显示横向滚动条时，可以使用 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 阅读全文

摘要： 一、概述 项目需要的原因，在sub组件的父级list组件中需要用到xhcj组件，同时sub组件中也用到了xhcj组件，两个地方代码逻辑是相同，仅仅是样式有些微的差别，所以决定共用组件，然后覆盖样式。 style标签上的scoped属性会致使样式只作用于当前组件，对子组件是不起作用的，但是不加scop 阅读全文