vue
github_39598787
这个作者很懒,什么都没留下…
展开
-
vue 不使用select,实现下拉框功能
html部分:v-for循环出的结构<div > <p @click="clickSize (item, index)">{{item.name}}</p> <transition name="opacityLeave"> <div class="condition-list"原创 2018-05-17 11:46:49 · 1776 阅读 · 0 评论 -
vue + 图片加载 + 默认图片
需求:图片数据未返回 + 图片数据返回为空 + 图片加载出错 时,图片采用默认图片展示。解决:先判断返回数据是否有,再通过img 的 load事件判断是否加载完成。现象:图片会先加载默认图片,等到请求的图片加载完成替换默认图片。注意:代码中 1 至 2 处是必须使用 v-show,若使用 v-if ,其中一个图片无效时,DOM中img标签则会全部为默认图片的img标签。...原创 2019-03-11 17:19:56 · 2820 阅读 · 0 评论 -
vue:计算属性、方法和侦听器对比
1、模板内的表达式非常便利,用于简单的运算,但是,放入过多的逻辑运算就显的笨重,难以维护。解决:1.1模板中使用计算属性。<template> <p>{{ reversedMessage }}</p></template><script> export default { data: {...转载 2018-10-29 14:26:13 · 165 阅读 · 0 评论 -
vue + iview + select + 本地搜索或远程搜索
案例<template> <div> <!--1、 远程搜索 --> <!-- filterable、remote、remote-method、loading、label-in-value--> <Select v-model="searchData.styleId" filterable clearab...原创 2018-08-15 10:44:26 · 10910 阅读 · 2 评论 -
vue,请求获取图片code,img中产生两次src获取资源问题
示例代码:<template> <!-- 1、 --> <img :src="imgUrl + MainImg + '_0x0'" alt="款式主图" v-if="MainImg != ''"><!-- 2、<table class="table-content" v-if="lis原创 2018-07-25 16:26:28 · 4158 阅读 · 0 评论 -
scroll、scrollBy和 scrollTo三种方法定位滚动条位置,以及在vue中使用的注意事项
在默认情况下,页面加载完后默认滚动在最顶端,有些时候我们需要在页面打开后,定位滚动条的位置,比如,横向和纵向滚动条居中,实现页面滚动的方法有三种:scroll、scrollBy和 scrollTo,三个方法都带两个参数:x(X轴上的偏移量)和y(Y轴上的偏移量)。因此我们只需修改x,y的偏移量来设置滚动条的位置。另外,页面的滚动高度必须在网页加载完成后才能获取到,所以触发事件用onload。方法一...转载 2018-05-14 16:16:10 · 43257 阅读 · 0 评论 -
vue + iview 中 Input 与 input 的 change 事件区别
转自:https://blog.csdn.net/yiifaa/article/details/524521531、vue + input<label>input:</label><input type="text" v-model="message" placeholder="Hello" /> <span>{{message}...转载 2019-03-28 15:05:33 · 9777 阅读 · 0 评论