当前博客:单选框的代码问题

79 次浏览【转载需注明来源】

博客作者:【1348****4381】

个性签名:寒窗苦读十年,一朝凤舞九天

uni app 的代码是可以这样运行:

  <view>

    <radio-group v-model="selectedValue">

      <label v-for="(item, index) in radioList" :key="index">

        <radio :value="item.id">{{ item.label }}</radio>

      </label>

    </radio-group>

  </view>

 

加上 双向数据绑定之后就会自动出错,无法运行

 

 

默认排序
Generic placeholder image
Generic placeholder image
快码FOF编程 Time: 2023-10-03 15:39:39

你的用法是错误的。

正确的用法是监听单选组的改变事件,参考如下代码:

<页面>
    <区块>
        <单选框分组 @绑定事件_触发改变="方法层.单选组分组触发">
            <基础标签 循环渲染="(item, index) 遍历 数据层.单选组数组" :维护状态="index">
                <单选框 :值="item.id">{{ item.label }}</单选框>
            </基础标签>
        </单选框分组>
    </区块>
</页面>
<脚本>
    局部变量 数据层 = {
        //所有的页面数据,请在本处定义
        单选组数组:[{"id":1,"label":"单选组1"},{"id":2,"label":"单选组2"}]
    };
</脚本>
<脚本>
    局部变量 方法层 = {
        //所有页面方法,请在本处定义
        单选组分组触发(参数){
            调试输出(参数.detail.value)
        }
    };
</脚本>
<样式></样式>

单选框的代码问题