vue eleui问卷答题功能

vue使用改变element-ui主题色

每个项目的主题色一般都不一样,直接用element-ui的默认主题色似乎有点不合适,还需要自己一个一个的找元素class名然后在修改样式,非常麻烦,还容易影响到包含该类名的其他元素样式,所以需要自定义主题色. 在项目中改变 SCSS 变量 Element 的 theme-chalk 使用 SCSS 编写,所以我先在项目里安装sass cnpm i sass-loader -D //sass-loader依赖于node-sass cnpm i node-sass -D 我在项目根目录下面 /st

~Vue实现简单答题功能，主要包含单选框和复选框

内容实现简单答题效果环境 Vue,webpack(自行安装) 实现方式页面将答题列表传递给调用组件,组件将结果返回给调用页面(其它模式也ok,这只是例子) --------------------------------------------分割线----------------------------------------------- 组件 zujian8.vue <template> <div class="aaaa"> <div clas

CI 结合 vue.js 的搜索功能模块

CI 结合 vue.js 的搜索功能模块最近在有优化公司后台的某个模块的搜索功能优化原先的是这个样子的,很是单调: 老大给我找个图希望我能弄成这样子: 经过不断修改,最后成了这样子是不是比以前好看了,虽然页面出了,单是功能却不是那么好做,我页面的请求是用ajax get 方式进行的,这里是vue 的前端页面 <div class="row"> <div class="col-sm-10 m-b-20"> <div class=&q

超炫jQuery测试答题功能

推荐一款超炫jQuery测试答题功能插件实例代码 <body> <div class="container" id="main"> <div class="demo"> <div id='quiz_area'></div> </div> </div> <script type="text/javascript" src="ht

基于jQuery在线问卷答题系统代码

分享一款基于jQuery在线问卷答题系统代码是一款实用的jQuery答题插件,点击下一题切换带有淡入淡出效果.实现的效果图如下: 在线预览源码下载实现的代码. html代码: <div class="demo"> <div id='quiz-container'> </div> </div> js代码: var init = { 'questions': [{ 'question': 'jQuery是什么?', 'answers'

一周一个小demo — vue.js实现备忘录功能

这个vue实现备忘录的功能demo是K在github上找到的,K觉得这是一个用来对vue.js入门的一个非常简单的demo,所以拿在这里共享一下. (尊重他人劳动成果,从小事做起~ demo原github地址:https://github.com/vuejs/vue) 一.实现效果二.代码展示 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>备忘录&l

示例vue 的keep-alive缓存功能的实现

本篇文章主要介绍了vue 的keep-alive缓存功能的实现,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下.如有不足之处,欢迎批评指正. Vue 实现组件信息的缓存当我们在开发vue的项目过程中,避免不了在路由切换到其他的component再返回后该组件数据会重新加载,处理这种情况我们就需要用到keep-alive来缓存vue的组件信息,使其不再重新加载. 一.在app.vue里 keep-alive> <router-view></router-vi

WijmoJS V2019.0 Update2发布：再度增强 React 和 Vue 框架的组件功能

前端开发工具包 WijmoJS 在2019年的第二个主要版本 V2019.0 Update2 已经发布,本次发布涵盖了React 和 Vue 框架下 WijmoJS 前端组件的功能增强,并加入更为易用且灵活的撤消/重做功能和模板字符串支持. WijmoJS 前端开发工具包由多款灵活高效.零依赖.轻量级的纯前端控件组成,如表格控件 FlexGrid.图表控件 FlexChart.数据分析 OLAP 等,完美支持原生 JavaScript,以及 Angular.React.Vue.TypeScrip

基于vue2.0打造移动商城页面实践 vue实现商城购物车功能基于Vue、Vuex、Vue-router实现的购物商城(原生切换动画)效果

基于vue2.0打造移动商城页面实践地址:https://www.jianshu.com/p/2129bc4d40e9 vue实现商城购物车功能地址:http://www.jb51.net/article/129158.html 基于Vue.Vuex.Vue-router实现的购物商城(原生切换动画)效果地址:http://www.jb51.net/article/132515.html 一个vue2.0+vuex+vue-router搭建的单页潮流购物网站地址:https://segm

react第十一单元(受控组件和非受控组件-实现类似于vue双向绑定的功能)

第十一单元(受控组件和非受控组件-实现类似于vue双向绑定的功能) #课程目标理解因为react的单向数据流理解表单组件会因为react数据流变的不好维护理解受控组件与非受控组件的实质区别理解受控组件在实际项目中的运用场景利用受控组件完成一个表单控件的封装 #知识点 react单向数据流数据主要从父节点传递到子节点(通过props)如果顶层(父级)的某个props改变了,React会重渲染所有的子节点. props => 不可以使用this.props直接修改props,因为prop

vue案例 - 使用vue实现自定义多选与单选的答题功能

4月底立得flag,五月底插上小旗,结果拖到六月底七月初才来执行.说什么工作忙都是借口,就是睡的比猪早,起的比猪晚. 本来实现多选单选这个功能,vue组件中在表单方面提供了一个v-model指令,非常的善解“猿”意, 能把我们的多选单选功能很完美且很强大得双向绑定起来,实现多选.单选.任意选...根本不在话下. 但是,凡事都有一个但是! 但是奈何这个项目设计稿的缘故,使用原生的表单组件是不可能使用了,请看ui图: 可悲的是,这个项目两个月后,我才来做项目复盘, 话说也就在此时,我才发现有一种更简

从0开始，手把手教你用Vue开发一个答题App

项目演示项目演示项目源码项目源码教程说明本教程适合对Vue基础知识有一点了解,但不懂得综合运用,还未曾使用Vue从头开发过一个小型App的读者.本教程不对所有的Vue知识点进行讲解,而是手把手一步步从0到1,做出一个完整的小项目.目前网上的教程不是只有零散的知识点讲解:就是抛出一个开源的大项目,初级读者下载下来后,运行起来都很费劲,更谈不上理解这个项目是如何一步步开发出来的了.本教程试图弥补这个空白. 1. 项目初始化 1.1使用 Vue CLI 创建项目如果你还没有安装 VueCL

使用vue实现自定义搜索功能

实现效果如:http://www.ligerui.com/demos/filter/filter.htm 代码: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="WebApplication1.WebForm2" %> <!DOCTYPE html> <html xmlns=

vue自动完成搜索功能的数据请求处理

在现在的互联网世界里,自动完成的搜索功能是一个很常见的功能.比如百度.搜狗.360搜索 ... 功能描述一下大概是这个样子的:有一个搜索框,用户在里面输入要查询的条件,系统会“智能”判断用户输完了,然后自动根据条件去搜索相关的数据返回给用户. 网上这个自动完成的插件很多,实现自动完成功能也不复杂,特别是像vue.angularjs.react这类可以实现双向绑定的库出现以后,实现就更方便了.本文不讲自动完成功能的实现,而是介绍自动完成功能后续数据的请求该如何考虑,主要要处理下面两个问题. 问题1

Vue+Vue-router微信分享功能

在使用vue和vue-router路由框架已经开发过好几个项目了,其中也遇到不少坑,有些坑各种搜也没有找到非常理想的答案. vue学习相对来说还是比较简单,官方文档说明非常清楚(https://cn.vuejs.org/v2/guide/),多做一些Demo就可以熟练上手了,并且现在也有好多框架(vuex,MintUI,Element,iView等),根据项目需要自行学则,因此本人也就没有怎么写过关于vue这方面的文章. 这次主要是把自己在微信中分享遇到的问题分享一下,Android机器中分享不

vue实现tab切换功能

最近用vue做一个页面的tab功能,经过一查找资料,没用路由,也没用动态组件,完美实现了tab切换功能,效果如下下面是代码实现,这是模板 <article id="example" class="wrap"> <div class="tab_area"> <ul class="tab_tit"> <li v-for="(tab,index) in tabs" :c

二: vue的属性及功能,axios

一: 过滤器 1. 定义: 过滤器,就是vue允许开发者自定义的文本格式化函数,可以使用在两个地方:输出内容和操作数据中. 定义过滤器的方式有两种. 2.使用vue.filter()进行全局定义 Vue.filter("RMB1", function(v){ //就是来格式化(处理)v这个数据的 if(v==0){ return v } return v+"元" }) 过滤器的全局定义 3. 在vue对象中通过filters属性来定义 var vm = new

vue.js实现购物车功能

购物车是电商必备的功能,可以让用户一次性购买多个商品,常见的购物车实现方式有如下几种: 1. 用户更新购物车里的商品后,页面自动刷新. 2. 使用局部刷新功能,服务器端返回整个购物车的页面html 3. 服务器端返回JSON格式,使用模板引擎+dom操作更新页面最近新学习了vue.js,一个轻量级的mvvm(Model-View-ViewModel),vue.js是数据驱动无须操作dom,它提供特殊的html语言,把dom和数据绑定在一起,一旦修改了数据,dom将会自动更新更新. 关于vue.

vue实现随机验证码功能

效果图: 1.html代码 <div class="form-group" style="display: flex;"> <div> <span>验证码:</span> <input type="text" id="code" v-model="code" class="code" placeholder="请输入您的验证

vue html页面打印功能vue-print

vue项目中,HTML页面打印功能.在项目中,有时需要打印页面的表格, 在网上找了一个打印组件vue-print-nb 使用方式安装 npm install vue-print-nb --save 在main.js文件中注册 import Print from 'vue-print-nb' Vue.use(Print); 页面中使用,给需要打印的容器加一个id,打印按钮传入这个id html: <div id="printMe" style="background:r

用vue.js实现购物车功能