推广 热搜: 公司  快速  上海  中国    未来  企业  政策  教师  系统 

类似问卷网的调查问卷页面

   日期:2024-11-10     作者:xinet    caijiyuan   评论:0    移动:http://keair.bhha.com.cn/mobile/news/454.html
核心提示:判断是哪一种题型后添加对应的题型之后会触发vuex中actions提交给mutations 来管理这样子便可以添加题型 在对应的每一道题型中将

在这里插入图片描述

类似问卷网的调查问卷页面

 

判断是哪一种题型后添加对应的题型

 

之后会触发vuex中actions提交给mutations 来管理

 

这样子便可以添加题型

在对应的每一道题型中将questItem传入removeQuestItem与 reuseQuestItem两个方法里面 例如多选题,会循环

 
 

一行代码可实现编辑功能

 
 

在网上找资料后发现div开启contentEditable='true’后可类似一个输入框,我们使用输入框更新数据的方式,来让div里的数据更新,这里我使用的方法也是比较普通的,如果有更好的想法,欢迎大家一起讨论

在这里插入图片描述

 

这个功能会让鼠标的光标输入后自动跳转到最前面,我们要实现点击后在点击的位置进行编辑,在changeText(event)这个方法最后面

 

使用这三个方法

 

实现对题型的拖拽 在这里插入图片描述 在这里插入图片描述 安装 使用:页面引入 定义组件:

model:是指题型保存起来的数组 draggable=".questItem" 是指定题型的class

 

在updated ()中this.$refs.scroll是包裹所有题型的div,也就是最外层div 在这里插入图片描述

本文地址:http://keair.bhha.com.cn/news/454.html    康宝晨 http://keair.bhha.com.cn/ , 查看更多

特别提示:本信息由相关用户自行提供,真实性未证实,仅供参考。请谨慎采用,风险自负。

 
 
更多>同类最新资讯
0相关评论

文章列表
相关文章
最新动态
推荐图文
最新资讯
点击排行
网站首页  |  关于我们  |  联系方式  |  使用协议  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  粤ICP备2023022329号