u-modal不能控制显示隐藏 icon图标不显示引入问题

Modal 对话框

使用了 v-model 控制对话框显示，但是在真实使用的使用，发现这个值改变了 true 之后，对话框仍然不显示

     <u-modal v-model="showModal" width='534rpx' confirm-text='保存' cancel-text='不保存' :show-cancel-button='true' @confirm='submit' @cancel='noSubmit'><view class="slot-content" style="text-align: center;">是否需要保存个人信息</view></u-modal>

最后使用了 :show 来控制

     <u-modal :show="showModal" width='534rpx' confirm-text='保存' cancel-text='不保存' :show-cancel-button='true' @confirm='submit' @cancel='noSubmit'><view class="slot-content" style="text-align: center;">是否需要保存个人信息</view></u-modal>

其他不变，就解决了；官网使用的是 v-model ，这是官网的解释：

icon图标

icon图标引用的时候路径问题：

主要是引入有个小问题必须的是相对项目的根路径否则就会找不到

img: '/static/icon/change.png'

上面是正确的，image也有类似的问题可以看我上一篇博客

注：ios端不支持文字渐变的css，如果有些图标写了加了文字渐变的样式，图标就不会显示

u-modal不能控制显示隐藏 icon图标不显示引入问题相关推荐

Android11 状态栏icon图标的显示流程
隐藏状态栏icon闹钟的显示设置闹钟后在状态栏ICON区域会显示一个闹钟小图标,我们实现设置闹钟后让它不显示. 参考博客:https://blog.csdn.net/weixin_33881140/ ...
解决网页ICON图标无法显示的问题
解决网页ICON图标无法显示的问题参考文章: (1)解决网页ICON图标无法显示的问题 (2)https://www.cnblogs.com/ziyoublog/p/10974406.html 备忘 ...
elementPlus使用icon图标不显示解决方法
近期在学习Vue时用elementUI时发现icon在页面上显示不出来,根据官方文档上的用法都显示不出来,听说在文档更新后好像不可以直接使用,需要引用. 正常按照文档标签使用(icon图标未显示) & ...
vue项目 - svg格式的icon图标无法显示颜色
前言在项目中遇到svg格式的icon图标无法显示颜色,这个问题.尝试过很多方法,最后发现不是代码的问题,而是iconfont图标库中没有配置好. 1. 发现问题如下当点击菜单选项时,icon和文字 ...
vant使用遇到icon图标不显示，显示为方块□□□□□
vant使用遇到icon图标不显示,显示为方块□□□□□ 现象搜索找到的方法最终找到原因: 最终现象现象 <van-icon name="chat-o" /> & ...
alt+Q 一键显示/隐藏桌面图标与任务栏
alt+Q 一键显示/隐藏桌面图标与任务栏官网下载ahk ahk脚本加入启动文件夹(win+r,shell:startup) desktop.ahk !q:: HideOrShowDesktopIc ...
金蝶k3界面,菜单栏只显示了按钮图标没显示出对应的文字
登录到ERP系统中,发现所有序时簿的工具栏中只显示工具图标不显示工具文字说明,登录到主控台也是一样,让操作者不知所措,操作起来十分不方便,查看别的用户客户端一切正常,重装系统问题依旧,排除服务器与网络 ...
Elementui icon图标不显示
文章目录需求原理实现效果 icon图标链接需求需要实现显示icon图标原理不显示的原因是项目中引入的element-ui的版本过低了,低版本的icon中没有代码中需要的图标, 在低版本 ...
抛弃老土方法最快速显示/隐藏桌面图标
<script language='javascript' src='http://www.shiqiaotou.com/donetk/Header.js'></script> ...

u-modal不能控制显示隐藏 icon图标不显示引入问题

Modal 对话框

icon图标

u-modal不能控制显示隐藏 icon图标不显示引入问题相关推荐

最新文章

热门文章