使用weex-ui的问题, 一个按钮没有响应它的点击事件.

Question

https://github.com/alibaba/we...

这是阿里半官方的一个ui库,

1.安装weex & weex create xxx

1. cd 到 weex project 目录
2. npm i weex-ui -S
3. npm i babel-plugin-component -D
4. 替换该目录下的.babelrc
5. 修改index.vue, 添加一个按钮
6. npm run dev & npm run serve

<template>
<div class="rootview">
<div>
<wxc-button :text="buttonName"
:wxcButtonClicked="buttonClicked">
</wxc-button>
</div>

</div>
</template>

<style>
.wrapper { align-items: center; margin-top: 120px; }
.title { padding-top:40px; padding-bottom: 40px; font-size: 48px; }
.logo { width: 360px; height: 156px; }
.desc { padding-top: 20px; color:#888; font-size: 24px;}
</style>

<script>
import { WxcButton, WxcPopup } from 'weex-ui';
var api = require('./api.js');

export default {
components: { WxcButton, WxcPopup },
data: {
logoUrl: api.apiurl.resurl + 'vued08aa73a9ab65dcbd360ec54659ada97c.png',
searchicon: 'https://img.alicdn.com/tps/TB1z.55OFXXXXcLXXXXXXXXXXXX-560-560.jpg',
target: 'World',
buttonName: '这是一个按钮',
methods: {
update: function (e) {
this.target = 'Weex'
console.log('target:', this.target)
},
buttonClicked: function () {
this.buttonName = '被我点了一下'
console.log('target:', this.buttonName)
},
}
}
</script>

https://pan.baidu.com/s/1bpbaCwf rans

Answer 1

你想表达什么？

Answer 2

`<wxc-button :text="buttonName"
:wxcButtonClicked="buttonClicked">
</wxc-button>改成<wxc-button :text="buttonName"
@wxcButtonClicked="buttonClicked">
</wxc-button>`