zrender在uniapp上绑定click没用
时间: 2023-10-10 10:11:34 浏览: 95
可能是因为在uniapp中绑定click事件时需要使用@tap而不是@click。请尝试将@click替换为@tap,例如:
```
<view @tap="handleClick">点击我</view>
```
如果仍然无效,请检查您的代码是否存在其他问题,例如事件绑定是否正确、是否存在其他冲突等。
相关问题
zrender在uniapp上绑定事件失效
在uniapp中使用zrender绑定事件时,需要在zrender实例的init事件中进行事件绑定。例如:
```
<template>
<view class="container">
<canvas canvas-id="myCanvas" style="width: 100%; height: 100%;"></canvas>
</view>
</template>
<script>
import zrender from 'zrender';
export default {
data() {
return {
zr: null
}
},
mounted() {
this.init();
},
methods: {
init() {
this.zr = zrender.init(this.$refs.myCanvas);
// 绑定click事件
this.zr.on('click', (params) => {
console.log('click', params);
});
// 绑定mousemove事件
this.zr.on('mousemove', (params) => {
console.log('mousemove', params);
});
}
}
}
</script>
```
请注意,zrender需要在mounted生命周期中进行初始化,因为在此之前DOM元素可能还没有准备好。另外,需要在on方法中传入事件名称和事件处理函数,来绑定事件。
zrender在uniapp上绑定事件没效果
在uniapp中使用zrender绑定事件时,需要在zrender实例的init事件中进行事件绑定。例如:
```
<template>
<view class="container">
<canvas canvas-id="myCanvas" style="width: 100%; height: 100%;"></canvas>
</view>
</template>
<script>
import zrender from 'zrender';
export default {
data() {
return {
zr: null
}
},
mounted() {
this.init();
},
methods: {
init() {
this.zr = zrender.init(this.$refs.myCanvas);
// 绑定click事件
this.zr.on('click', (params) => {
console.log('click', params);
});
// 绑定mousemove事件
this.zr.on('mousemove', (params) => {
console.log('mousemove', params);
});
}
}
}
</script>
```
请注意,zrender需要在mounted生命周期中进行初始化,因为在此之前DOM元素可能还没有准备好。另外,需要在on方法中传入事件名称和事件处理函数,来绑定事件。
阅读全文