vue的@click中不能使用三则表达式原因

最新推荐文章于 2024-08-16 07:34:20 发布

前端J先生

最新推荐文章于 2024-08-16 07:34:20 发布

阅读量1k

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/qq_37547964/article/details/113634465

版权

vue 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

   @click="urgentchargeTime?urgentTime:''"
   //这么写的话会让vue执行的时候去data里面查找,但是我们是要用的函数

修改为:

   @click="urgentchargeTime?urgentTime():''"
   //vue通过第一个数去data里面找,然后通过data里面的值进行去查找函数对象里面的函数

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

前端J先生

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

vue @click 多个事件_vue基础之基本指令以及使用

weixin_39520199的博客

11-20

879

day01Vue 是什么？Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合指令本质就是自定义属性Vue中指定都是以 v- 开头 v-cloak防止页面加载时出现闪烁问题v-textv-text指令用于将数据填充到标签中，作用于插值表达式类似，但是没有闪动问题如果数据中有HTML标签会将ht...

Vue事件的处理

honey_xi的博客

04-12

439

事件绑定 <body> <div id="app">  <h1>点击次数：{{count}}</h1> <button type="button" @click="count+=1">点击</button> <!-- 获取事件对象 --&g...

1 条评论您还未登录，请先登录后发表或查看评论

Vue.js 中的 @click 事件详解

weixin_63490470的博客

08-16

2627

除了使用@click指令监听原生 DOM 事件，Vue.js 还允许我们自定义事件，并在组件之间进行通信。-- 父组件 --> < template > < div > < ChildComponent @custom-event = " handleCustomEvent " /> < script > import ChildComponent from './ChildComponent.vue';

vue——@click的事件命令以及修饰符

chunchun1230的博客

09-29

1万+

1、@click.stop 阻止事件冒泡 //只弹出“noclick” <div id="app"> <div v-on:click="dodo"> <button v-on:click.stop="doThis">阻止单击事件继续传播</button> </div> </div> <script> var app = new Vue({ el: "#app", .

Vue基本语法（二）

qq_45740578的博客

07-15

582

Vue基本语法（二）动态属性：v-bind:class="a" 可以简写 :class=“a” v-bind可以省略节点上绑定事件： v-on:click=“fn” 可简写：@click=“fn” 事件方法写在methods中 v-on 监听事件 v-on:click=“事件名” 缩写@click=“事件名” v-model 数据绑定可以在表单中使用v-model实现数据双向绑定 text类型中的文本都是字符串，v-model中的值相同复选框 v-mode

Vue学习笔记：基础语法（二）

hejianghaoswu的博客

07-21

350

一、v-on：事件监听 v-on基本介绍：作用：绑定事件监听器语法：v-on：click=“function” 语法糖：@click=“function” <head> <meta charset="UTF-8"> <title>Title</title> <script src="/js/vue.js"></script> <script> window.onloa

vue,uinapp内@click内三元表达式

slow097的博客

10-16

1317

<el-button type="primary" @click="tyep == '0' ? addO() : addO1()">确定</el-button>

vue v-on:click传递动态参数的步骤

10-14

本文将介绍如何在Vue中使用v-on:click事件绑定器传递动态参数，这个过程不仅涉及到Vue框架的事件处理机制，还包括了与jQuery结合使用的技巧。首先，我们来了解Vue中的事件绑定方法。在Vue中，我们使用v-on指令（或...

vue @click 行内表达式怎么写，不要绑定变量，直接写js表达式

07-12

在 Vue 中，您可以使用 `@click` 指令来绑定点击事件，并在行内写入 JavaScript 表达式。以下是一个示例： ```html <button @click="console.log('点击了按钮')">点击我 ``` 在上面的示例中，当按钮被点击时，会在...

vue @click语法

热门推荐

每天学习一点点

03-11

1万+

vue中的@click中使用三元运算符语法: @click="dialogStatus=='create'?createData():updateData()"

Vue笔记

rsrucdhh的博客

04-18

943

Vue学习笔记

element UI el-button的@click事件使用三元表达式无效问题

祖先生的博客

08-12

5414

相信不少人入坑，其实只是细节的问题。如果使用三元表达式，方法要加括号，如果不使用三元表达式，方法则可以不加括号 <el-button @click.native="isCreate ? '' : handleAdd()" style="margin-right: -8px;">新增</el-button> <el-button @click="handleAdd" style="margin-right: -8px;">新增</el-button> .

vue中组件传递数据的几种情况

weixin_48864616的博客

01-04

401

组件通信:组件间的数据想要共享. 组件的关系:父子关系和非父子关系三种通信方式: 1.父子通信:父组件的数据要传递给子组件. 2.子父通信:子组件的数据要传递给父组件. 3.非父子组件通信:非父子之间的数据传递. 1父子通信组件实例的作用域是孤立的。要让子组件能使用父组件的数据，需要通过子组件的【props】属性来传递。 1.在父组件中通过v-bind传递数据格式：<子组件 :自定义接受名称=“要传递的数据”></子组件> <template id="fa

vue @click 多个事件_Vue当中的模板、指令与修饰符

weixin_39716521的博客

11-21

758

模板 template的三种写法第一种、Vue完整版，写在HTML里面<在html里面{{n}}会自动被替换，@click也会自动的被理解并且添加上一个事件监听。最后我们只需要new Vue一下，然后传入一个元素传入一个选择器即可使用。第二种、Vue完整版，写在选项里面<div 这种方法在html里面只需要写一个div和id里面的内容留空。然后将内容写在template里面即可，注意一...

关于vue 中@click="delete"出现报错

heibai212的博客

05-06

4497

关于@click="delete"报错 // 购物车点击事件 <div class="top"> <span>购物车</span> <span @click="delete">编辑</span> </div> methods: { fun () {...