Question

我正在尝试在vuetify项目中完成某些工作，例如下面的示例，该项目可与普通html / javascript一起使用：

Account-B

但是在我的vuetify项目中，当我尝试完成如下所示的操作时，出现控制台错误“无法读取null的属性'id'”：

prom_threshold = 50; % adjust this value based on the amplitude of your signal.
[~,prom] = islocalmax(signal);
ind = find(prom > prom_threshold);
if numel(ind) < 2
    error('Signal not found');
end
gated_signal = signal(ind(1):ind(end));

% Do your zero crossing algorithm.

是否可以通过这种方法获取.v-btn元素的ID，或者在vuetify项目中无法实现？

编辑：问题出在我的@click按钮上，我有两个功能，在我的示例中没有明确指出。接受的答案有效。

Answer 1

是否可以通过这种方法获取.v-btn元素的ID ...

有，但是我不知道当您可以通过引用方便地访问对象本身（按钮）时，您打算如何处理它。

<v-btn id="price" flat small @click="idcheck">Price</v-btn>

{
  // ...

  methods: {
    idcheck(e) {
      const button = e.target;
      const id = button.id; // price

      // ...
    }
  }
}

Answer 2

您可以将ID保存在数据中


<v-btn :id="btnId" flat small @click="idcheck(btnId)">Price</v-btn>


<script>
export default {
  data:()=>{
      btnId:'price'
  },
  methods: {
    idcheck(id){
    alert(id);
  }
}

</script>

使用“ this”关键字的函数参数和参数在vuetify项目中不起作用？

2 个答案: