老师帮看一下本地引入图标字体问题

老师帮看一下本地引入图标字体问题

https://img1.sycdn.imooc.com//climg/61b9c1550929665409440374.jpg

上图是老师课程视频的截图

一、v-html之前课程讲到的是解析所带的html标签。在这里我不是很懂用法,是先在vuex设置product.check=true,而在Cart.vue这里直接是item.check然后判断ture和false即可吗?product和item我理解的是:都是商品信息数据,所以它们等价的。

二、后面视频我学习到购物车功能做完,再次看到v-html的用法:判断函数的返回值:v-html="setCartEffect?*****",这里setCartEffect是函数,返回值是ture或false布尔值。这是另一个用法,可能第一次接触不是很理解。

然后我用的是本地引入字体图标

相关截图:

https://img1.sycdn.imooc.com//climg/61b9c2f409f7cf2909270269.jpg

相关截图:

https://img1.sycdn.imooc.com//climg/61b9c31309bf4d6c11800303.jpg

https://img1.sycdn.imooc.com//climg/61b9c32409ff617106710748.jpg

本地引入怎么写判断?

我的思路是setup函数内设置一个参数,值为true再传入vuex数据仓库,点击进行判断更换,html那里就写成 :class=*****去判断它是true或false从而显示哪个。想做的,但是传入数据就多,代码繁琐,就先过来问问老师

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,对于你的问题解答如下:

1、理解是对的

2、下图中的语法格式不对,三目运算符是在数组中使用,不可以在对象中使用

https://img1.sycdn.imooc.com//climg/61b9c56109ea57b205660058.jpg

另外,item.check可以理解为一个变量,不需要加引号

可以试试下面的写法:

:class="{ 'iconfont icon-checked': true, 'icon-checked-active': item.check}"

祝学习愉快~

  • :class="{ 'iconfont icon-checked': true, 'icon-checked-active': item.check}"
    老师你这个是只判断一个吧,true就用,false就不用。
    应该写成以下
    :class="{ 'iconfont icon-checked': true, 'icon-checked-active': item.check,  'icon-checked': !item.check,}"
    这样两个图标样式布尔值是相反的,我现在用手机回复,吃完饭我回头试一下

    2021-12-15 18:47:19
  • 同学你好,:class="{ 'iconfont icon-checked': true, 'icon-checked-active': item.check,  'icon-checked': !item.check,}" 这种写法是可以的。

    不过由于前面已经设置了icon-checked这个类名,如下:

    https://img1.sycdn.imooc.com//climg/61ba9ebd094cc6c104010049.jpg

    所以只针对icon-checked-active这个类名做处理也是可以的,即:

    当item.check值为true时添加上icon-checked-active类名

    item.check值为false时去掉icon-checked-active类名

    祝学习愉快~

    2021-12-16 10:05:43
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师