vue.js - vux 的radio如何传数据？

问题描述

问 题

问题：在vux中radio无法使用我的数据数组。
代码如下：
html:
<group>

  <cell title="账户" :value="$children.r.accountname" is-link @click="showPopup1=true"></cell>
  <popup :show.sync="showPopup1" class="checker-popup">
    <group style="margin:0px">
      <radio :options="radioData" :value.sync="radioData"></radio>
    </group>
  </popup>

</group>

数据：

问题是我无法将这个数组里的值赋给radioData 这个radio的option需要用这个12个数组里的name循环出来。

然后选中之后需要显示在cell的value中。

请教一下这个该怎么实现?

解决方案

表单组件在 vuex 里稍微复杂一些，因为如果直接取得 vuex 里的状态渲染到页面上，用户修改表单状态会导致 vuex 中这个状态数据改变，但是又不是actions->store->mutations这样，所以 vuex 就会报错。

官方文档已经写了，通过设置计算属性的 setter函数，绑定一个 actions 进去，这样就和正常使用完全一致了，具体可以看我之前写的小 demo：增加了input 的 vuex计算器

这篇关于vue.js - vux 的radio如何传数据？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！