![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue属性
H_c_l
这个作者很懒,什么都没留下…
展开
-
【Vue】24.遮罩层阻止默认滚动事件
在写移动端页面的时候,弹出遮罩层后,我们仍然可以滚动页面。vue中提供@touchmove.prevent.stop,@mousewheel.prevent方法可以完美解决这个问题。<div class="dialog" @touchmove.prevent.stop @mousewheel.prevent></div>如果不使用vue的话,可以给body添加over...原创 2019-12-27 16:14:10 · 172 阅读 · 0 评论 -
v-if和v-show的异同
v-if:能够直接销毁和重建dom达到元素显示和隐藏的效果v-show:修改元素的displaycss数据让其显示或隐藏<!DOCTYPE html><html lang="en"> <head> <title>v-show指令</title> <meta charset="utf-8" /> ...原创 2019-04-27 11:42:21 · 129 阅读 · 0 评论 -
vue中引入jquery
1、在项目中安装jquery。npm install jquery --save-dev2、在项目根目录下的build/webpack.base.conf.js文件中:① 先写以下代码var webpack = require(“webpack”)②在module.exports的最后写plugins: [new webpack.optimize.CommonsChunkPlug...原创 2019-06-01 14:21:05 · 195 阅读 · 0 评论 -
vue动态绑定class,tab切换非常好用
<div @click="tab('left')" v-bind:class="{'decoration-line':showLeft}" class="col-xs-6 col-md-6 text-center theme-color item"> 排班信息 </div> <div @click="tab('right')" v...原创 2019-06-14 10:50:06 · 925 阅读 · 0 评论 -
Vue.js实现tab切换效果
利用Vue实现简易tab切换效果1.1 在我们平时浏览网站的时候,经常看到的特效有图片轮播、导航子菜单的隐藏、tab标签的切换等等。这段时间学习了vue后,开始要写出一些简单的特效。1.2 实现思路是点击上方的标题,下方的内容随之发生改变,上方和下方用的是两个块,是兄弟节点,所以需要点击tab标题和下方内容一一对应,基予两个模块若下标相同是一个内容实现的。1.3 tab切换第一步先要把HTM...原创 2019-06-18 11:38:43 · 762 阅读 · 0 评论 -
uni-app 修改富文本信息中的图片样式
获取到富文本信息:用正则表达式定位要修改的部分,替换要修改成的文本内容。var richtext= res.data.data.richtext; const regex = new RegExp('<img', 'gi'); richtext= richtext.replace(regex, `<img style="max-width: 100%;"`);\ ...原创 2019-07-23 09:11:27 · 2992 阅读 · 0 评论