使用技术vue+饿了吗实现一个二级评论功能,可以使用的组件有哪些,最好有dome
3条回答 默认 最新
- 快撑死的鱼 2023-02-05 23:00关注
使用Vue和ElementUI实现二级评论样式,可以使用的组件有:ElCollapse、ElCollapseItem、ElButton、ElCheckbox、ElInput、ElDialog。下面是一个示例代码:
// template <el-collapse v-model="activeNames"> <el-collapse-item v-for="(comment,index) in comments" :key="index" :title="comment.name" name="1"> <el-button @click="handleComment()">评论</el-button> <el-input v-show="show" placeholder="请输入评论内容"></el-input> <el-checkbox v-model="comment.checked">回复 Ta</el-checkbox> <el-dialog :visible.sync="dialogVisible" width="30%"> <span>确定要提交吗?</span> <span slot="footer" class="dialog-footer"> <el-button @click="dialogVisible = false">取 消</el-button> <el-button type="primary" @click="dialogVisible = false">确 定</el-button> </span> </el-dialog> </el-collapse-item> </el-collapse> //js export default { data() { return { activeNames: ["1"], comments: [{ name: '', checked: false }], show: false, dialogVisible: false } }, methods: { handleComment() { this.show = true; } } }
解决 2无用
悬赏问题
- ¥30 不会,学习,有偿解答
- ¥15 SQL查询语句报错(检查)
- ¥15 此表中公式应该怎么写
- ¥15 求HI-TECH PICC 9.50 PL3安装包
- ¥15 下载ctorch报错,求解
- ¥15 如何入门学习c语言,单片机
- ¥15 idea 编辑语言的选择
- ¥15 Windows下部署Asmjit
- ¥15 请问双层规划模型的上下层目标函数不一致,是如何保证迭代收敛性的
- ¥30 微信小程序 前端页面内容搜索