VueJS

(28)

v-charts 图表组件 - 基于 Vue 和 echarts 封装

现在稍微复杂一点的前端界面,我发现离开了 Vue 就写不动。 目前正在做一个数据的图表展示,发现 v-charts 真是个神器。完美结合了 Vue 和 echarts 的优点。 效果如图 ![v-charts 图表组件 -

Vue 变量如何方便的绑定 laravel form 输入框

vuejs v-model 绑定 html input 输入框后,需要注意 - v-model 变量并不能由 html input 的值进行初始化 - 但是 v-model 变量可以同步数据到 html input 所以,在

从 CDN 引入的 Vant,调用 Toast 提示时报错 Toast is not defined

例如在页面 script 中执行 Toast.success('抄底成功'); 报错 > Toast is not defined 正确的用法是 vant.Toast.success('抄底成功

使用 Vue 的 Vant.js List 列表组件实现无限下拉

拉取历史记录,并在前端做无限下拉展示,是一个非常常见的使用场景。 最近在使用的 Vant (轻量、可靠的移动端 Vue 组件库),实现起来就非常方便。 ## 模板实现代码 ```

VueJS 将 404 图片替换为默认图片

在后台数据源不可控的情况下,很有可能出现商品图片 404 的情况,而随之而来的就是界面布局错乱。例如,下图,右侧商品图片丢失,导致图片外层 div 无法计算高度,以至于排版错乱。 ![VueJS 将 404 图片替换为默认图片](ht

Vue 阻止点击事件向父级传递

实际案例 ![Vue 阻止点击事件向父级传递](https://cdn.sunzhongwei.com/sunzhongwei_5c469d81e1116) - 点击图片中间的删除按钮,则触发删除逻辑 - 点击图片其他区域,触

Vue 实现多图上传并可以调整图片顺序

由于 Element UI 的 Upload 上传组件只支持多图上传,但并不支持图片的顺序调整,而实际使用场景中,例如,产品封面轮播图,经常要用到图片顺序调整功能。所以,找了一下解决方案。 ## 一些备选方案 JQuery UI s

使用 Function.prototype.bind 为 vuejs 组件的回调函数添加额外参数

在使用 Element UI VueJS 的上传图片组件时,遇到一个问题。需要在一个列表中使用多个 el-upload 组件,当其中一个组件数据更新时(上传成功,或者删除成功),能够及时更新绑定的变量。 on-success 回调,默

坑:Vue 动态添加的数据属性,双向绑定渲染异常

代码示例,使用 element ui 的 el-table, 将返回的数据列表,逐行渲染到 table row 上,每行可以编辑 staffs 字段,即用 el-select v-model 绑定了 staffs 字段。 ```

使用 vue-router 获取 URL 查询参数

引入 vue-router.min.js,然后与 Vue 实例绑定即可 例如: http://www.sunzhongwei.com/test_vue?name=zhongwei ``` var router = new Vu