从商品列表到商品详情页时,要异步请求数据info,代码如下:
<div class="shop-header-discounts">
<div class="discounts-left">
<div class="activity" :class="supportClasses[info.supports[0].type]">
需求:根据特定
条件
,增
加
或者去掉click
事件
(例如:clickFlag == true时,添
加
click
事件
;clickFlag == false时,去掉click
事件
;)
解决方法:
方式一:在绑定
事件
中
直接添
加
标示量clickFlag
<div @click="clickFlag && addGoodsHandler()">
添
加
产品
</div...
Vue
项目
判断
鼠标
点击
事件
的左键、
中
键(滚轮)或右键
去掉特定区域的右键
点击
事件
在需要去掉右键
点击
事件
的区域最外层div标签
中
添
加
@contextmenu.prevent属性
<template>
<div id="app" @contextmenu.prevent>
</template>
在特定区域内添
加
监听鼠标
点击
事件
的方法
在需要
判断
鼠标
点击
方式的区域标签
中
添
加
@mousedown属性,并在methods方法
中
定义相应的监听方
//自定义
事件
指令,
点击
需要
判断
登录的指令 ,使用方法在标签上
加
v-clickWithAuthLogin = 'xxx'
Vue
.directive('clickWithAuthLogin', {
bind: function (el, binding, vnode) {
el.onclick = async function (event) {
//阻止
事件
冒泡
event.stopPropagation();
//监听
点击
事件
,
判断
是否登录
方式一:在绑定
事件
中
直接添
加
标示量clickFlag(
条件
)
<div class="situation-item" @click="clickFlag && add()"> 添
加
</div>
方式二:用v-if 、v-else-if、v-else
判断
<div v-if="clickFlag" @click="add()">
<div v-else>