代码之家 › 专栏 › 技术社区 › Billal Begueradj

卡组件的按钮单击在vuetify中不起作用

vuetify.js vue.js javascript

Billal Begueradj · 技术社区 · 6 年前

我用 Card Vuetify的组件,在操作中可以创建按钮。

但是我注意到点击这些按钮不起作用( Codepen ):

<v-card-actions>
    <v-btn flat color="orange" @click="alert(888)">Share</v-btn>
    <v-btn flat color="orange">Explore</v-btn>
</v-card-actions>

我尝试过 native ( @click.native="alert(888)" )但在这种情况下,点击也不起作用。

我错过了什么?

1 回复 | 直到 6 年前

thanksd thibaut noah 6 年前

click事件的内联处理程序的作用域是Vue实例,而不是 window . 所以Vue正在寻找 alert 方法,但找不到。

只需向组件中添加一个要调用的方法 警觉的 :

methods: {
  onClick() {
    alert(888);
  }
}

然后将其用作单击处理程序:

<v-btn flat color="orange" @click="onClick">Share</v-btn>

推荐文章

StuP · 响应式Vue组件在数据更改时不更新

2 年前

dbzx10299 · 对从Api端点返回的数据使用Vue转换组

2 年前

mrDandaleonx · Vue3获取div内容并将其发布到表单

2 年前

ateymour · Vue3在异步调用后将道具传递给子组件

2 年前

Artur Müller Romanov · 是否可以有条件地渲染布局?

2 年前

Ilijanovic · 对象可能未定义

2 年前

devAR · 单击其他组件时,单选按钮未保持选中状态

2 年前

Coderama · 在v-for指令中使用:key属性时,TS应出现类型错误

2 年前

Suffii · Vue表单输入绑定的条件绑定存在问题

2 年前

akkonrad · 函数的作用是:返回数据属性为空的实例

2 年前