老师，开关图标更换问题

老师，开关的图标以这种形式写出来，<i class="icon iconfont">&#xe698</i>然后点击这个开关未打开的图标，让它转换成开关打开的图标，

methods: {

change(){

document.getElementsByTagName('i').innerHTML=""

}

},

,这样写没有效果？老师，该怎么修改？

慕盖茨9092533 2020-02-14

源自：项目：Vue搭建课程首页 4-2 项目作业

16

收起

2回答

一路电光带火花 2020-02-16 10:31:43

element-ui的使用其实和前面老师讲解的mint-ui的使用方式差不多，你可以看看element-ui的官网，作为扩展知识多了解了解。

https://element.eleme.io/#/zh-CN

卡布琦诺 2020-02-15 14:12:40

同学你好，在实际开发中，这种开关按钮，都是使用vue的elementui框架中的switch开关控件来实现的。目前阶段，同学只需要实现灰色的按钮的样式即可，不需要实现点击切换按钮的功能，在后面学习了如何引入elementui框架以及elementui框架的控件之后，再实现这个开关按钮的开关功能会更好。这里先给同学一个简单的小例子的主要代码进行参考：

如果我的回答帮助了你，希望采纳，祝学习愉快！

提问者慕盖茨9092533 #1

老师，我是看到评分标准里‘(2)、右侧是“仅显示未学”的文字和一个切换状态的按钮。（按钮是由2个图片组成）’，我还以为让尝试着实现呢。另外，老师，这个引入控件elementui是在第四部分vue开发电商项目里讲的嘛？

2020-02-15 20:22:44
提问者慕盖茨9092533 #2

老师，还有个问题，上传作业压缩包，需要把node-modules删掉，可是我点击删除的时候，提示‘你需要来自admin/hp的权限才能对此文件夹进行更改’,于是我百度了一圈，按着上面方法都没能删除，有没有是什么办法修改权限？

2020-02-16 21:59:52

相似问题

老师我设置了箭头图标那里的css 但是没有效果

关于mouseover的问题

关于导航条标题居中问题

老师，这里为什么图标大小不一样？

图片切换问题

登录后可查看更多问答，登录/注册

热门框架Vue开发WebApp 18版

参与学习人
提交作业 209 份
解答问题 3299 个

本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue，结合多个实战案例，还原真实开发场景，最终实现手机端购物商城网页开发。

本课精华内容

问答作业

我想知道讲ES6的是哪个老师呀，声音调好听了吧，声控的福利吖，，想知道是谁喔。

5 4

老师,帮忙看下是啥原因,滚动条还是滚动不了

4 28

代码不完善啊

2 23

父组件控制子组件样式的问题

3 22

代码运行不了

0 18

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载