iview 组件无法使用

最新推荐文章于 2024-07-04 19:00:34 发布
最新推荐文章于 2024-07-04 19:00:34 发布
阅读量2.2k 收藏
点赞数
分类专栏： Vue 文章标签： iview  vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35189120/article/details/81625504
版权

iview 组件在使用的时候需要注意的事项
这里写图片描述
vue 在组件注册的时候推荐使用kabab-case命名规则，那么官方估计都是用这个规则？？
**1.**多数无法使用或者使用的时候不对都是这个问题 只要在原有的标签前面加i
**2.**多个单词命名的控件，在iview中官方的使用说明并没有提醒用户这种组件在使用的时候要用短横杆拼接；例如：多个多选框组件 在使用CheckboxGroup应该是使用checkbox-group
聊天交友群:709332479

危险游戏i
关注
专栏目录
View UI Plus 发布 1.2.0 版本，新增 Image、Skeleton、Typography组件
ViewDesign 的博客
06-13 1081
View UI Plus 1.2.0 版本已于 2022-06-13 发布。新增 Image、ImagePreview、Skeleton、Typography 组件。
Vue使用有赞ImagePreview（图片预览）遇到的问题
热门推荐
Z.Dragon 的博客
08-22 1万+
首先说下有赞ImagePreview的使用 有赞官方文档：https://youzan.github.io/vant/#/zh-CN/image-preview 先上个预览效果图 问题点：如果图片预览弹框没有隐藏的话，在路由切换的时候也会一直显示 如图，路由已切换： 解决方案：beforeRouteLeave 钩子中调用 close() 方法关闭预览遮罩 beforeRouteLeave ...
uview-plus按照官方文档下载安装方式配置之后不报错，使用其组件却没有效果
m0_58385899的博客
08-03 1184
下图是官方的配置easycom组件模式。
iview踩坑记录（使用iview组件你不得不看的坑点和妙用指南！）
最新发布
2401_85124286的博客
07-04 292
你要问前端开发难不难，我就得说计算机领域里常说的一句话，这句话就是『难的不会，会的不难』，对于不熟悉某领域技术的人来说，因为不了解所以产生神秘感，神秘感就会让人感觉很难，也就是『难的不会』；当学会这项技术之后，知道什么什么技术能做到什么做不到，只是做起来花多少时间的问题而已，没啥难的，所以就是『会的不难』。我特地针对初学者整理一套前端学习资料o’,h(‘img’, {attrs: {})])},你要问前端开发难不难，我就得说计算机领域里常说的一句话，这句话就是『难的不会，会的不难。
浏览器兼容性问题
ShiYadong的专栏
05-16 737
使用meta标签来调节浏览器的渲染方式，告诉浏览器用哪种内核渲染，360双核浏览器就是在ie和chrome之间来回切换，现在使用meta标签来强制使用最新的内核渲染页面<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> rgba不支持IE8解决：用opacityCSS3前缀-webkit- webkit渲染引擎 ...
探索前沿技术：MPVue-iView-WeApp - 为微信小程序开发加速
gitblog_00002的博客
04-21 796
探索前沿技术：MPVue-iView-WeApp - 为微信小程序开发加速 项目地址:https://gitcode.com/wkl007/mpvue-iview-weapp MPVue-iView-WeApp 是一个基于 MPVue 和 iView UI 的微信小程序开发框架。它将 Vue.js 开发的便捷性和 iView 的强大组件库引入到微信小程序的开发中，让开发者可以充分利用现代前端工具...
初探小程序之mpvue 以及 iView Weapp 的使用
halo1416的博客
09-30 2897
前言：mpvue —— 美团开源的小程序开发框架。自开源依赖获得了大量star并一跃成为了小程序开发的新宠。如果说wepy是类vue开发，那mpvue是无限接近vue开发。 mpvue：继承自vue.js，其技术规范和语法特点与 vue.js 保持一致。 名称由来：mp：mini program 的缩写 mpvue：Vue.js in mini program ...
iView组件源码的使用
03-20
本文将深入探讨如何使用iView组件源码，以提高开发效率和优化项目性能。 首先，理解iView的基本概念至关重要。iView包含了各种常见的UI组件，如按钮、表格、模态框、导航菜单等，这些组件都遵循了Material Design的...
iview的日历组件，iview的日历组件
02-01
在前端开发领域，`iView` 是一个广受欢迎的 Vue.js UI 框架，它提供了许多优雅且易于使用的组件，极大地提升了开发效率。本文将深入探讨 `iView` 的日历组件，帮助开发者理解其核心功能、用法以及如何在实际项目中...
vue iview组件表格 render函数的使用方法详解
08-27
Vue iview组件表格Render函数的使用方法详解 在Vue iview组件中，表格是非常常用的一个组件，用于展示大量数据。在表格中，我们经常需要对某些列进行自定义渲染，例如添加按钮、图片、链接等等。这时候，我们就需要...
Iview Table组件中各种组件扩展的使用
10-17
在本文中，我们将深入探讨Iview Table组件中的各种组件扩展，以及如何在实际应用中实现多选框选中与禁选设置，以及在Table组件中点击Icon弹出Poptip的两种方法。Iview Table是基于Vue.js的UI组件库，提供了丰富的...
VUE的图片预览插件 vue-photo-preview
Amy_cloud的博客
10-18 9752
1.安装： npm install vue-photo-preview --save 2.在main.js 入口文件中配置： import vuePicturePreview from 'vue-picture-preview' Vue.use(vuePicturePreview) 3.页面渲染： 情况一： 页面本身就存在img标签，且是独立的一个 ：src 对应后台返回的图片路径 pr...
vue+vant使用图片预览功能ImagePreview的问题
weixin_34413103的博客
04-20 1万+
如果您搜到这篇文章的话，那员外估计您遇到跟我一样的问题了，即在打开图片预览功能后，如果不关闭预览的图片，同时改变路由的话，会发现即使路由改变了，预览的图片还在文档的最顶层显示，如图： 着实让员外百思不其解，在调用vant 的 ImagePreview )图片预览组件中，没有html，有的只是引入ImagePreview 和js的调用。在这种情况下，员外是想自己添加任何方法都没法实现的，同时...
Element-UI与Iview中的多个图片预览并通过点击事件上传
虾米博客
09-19 7715
要完成通过点击事件统一上传图片，并后台要求图片以数组格式传给后台，但是Element-UI与Iview的文档中只有直接上传并且是单个图片上传的例子，所以在这里自己做个笔记，以防止以后会用到：下面是已经做完的实例 下面是用的iview写的，用element-ui也可以完成； 图片预览的时候，是可以点击查看图片并删除的，所以这里有2个事件（点击预览和删除），另外上图中的uploadList...
ImagePreviewd.js 选择图片预览遇到的问题
hu_shengyang的专栏
09-25 445
火狐中国版3.6 下 可以在选择图片之后 正常预览图片，但是到了firefox 24.0下就不能了，选择图片之后直接报js错误，指向了ImagePreviewd.js 中的这一方法： _domfileData: function() { return this.file.files[0].getAsDataURL(); }, 将气改成这样，便可在firefox 24.0下正常...
View UI Plus 发布 1.3.0 版本，新增 Space、$ImagePreview 组件
ViewDesign 的博客
06-21 1715
View UI Plus 1.3.0 版本已于 2022-06-21 发布。新增 间距组件 Space、实例化图片预览组件 $ImagePreview，修复若干问题。
解决 Vue 项目中使用 iView 组件库设置样式不生效的问题
qq_16733389的博客
05-17 2348
有时候我们使用iview 组件库样式达不到需要的效果我们可以通过重写对应的CSS样式，来达到效果，但是有时候，我们不管是怎样写，他就是不生效，我们可以使用下面的方法，贼暴力。 找到要设置样式的类名，直接按照下面写法设置就可以了！(这里用的是vue 的 less-loader 插件) /deep/ 深度选择器 在写一些vue项目时候，经常会引入一些组件。无论是自定义组件还是引入的外部组件。 style标签上都有scoped属性。防止影响到其他页面上的样式。但是又是需要在父组件更改自组件的样式。就要用到组件穿透
iview非render中组件写法
jimjack2013的博客
03-22 6502
在非 template/render 模式下（例如使用 CDN 引用时），组件名要分隔，例如 DatePicker 必须要写成 date-picker。以下组件，在非 template/render 模式下，需要加前缀 i-：Button: i-buttonCol: i-colTable: i-tableInput: i-inputForm: i-formMenu: i-menuSelect: i...
iview如何使用组件导航菜单
06-08
要在 iView 中使用组件导航菜单，你可以按照以下步骤进行： 1. 首先，你需要安装 iView。你可以通过 npm 安装 iView： ``` npm install iview --save ``` 2. 在你的项目中引入 iView 组件和样式： ```javascript import Vue from 'vue'; import iView from 'iview'; import 'iview/dist/styles/iview.css'; Vue.use(iView); ``` 3. 然后，在你的 Vue 组件中使用 `Menu` 组件创建菜单，并添加 `Menu-Item` 或 `Submenu` 组件作为子菜单： ```html <template> <Menu :theme="theme" :active-name="activeName" :open-names="openNames" @on-select="handleSelect"> <Menu-Item name="1"> <Icon type="ios-navigate"></Icon> <span slot="title">导航一</span> </Menu-Item> <Submenu name="2"> <template slot="title"> <Icon type="ios-keypad"></Icon> <span>导航二</span> </template> <Menu-Item name="2-1">选项1</Menu-Item> <Menu-Item name="2-2">选项2</Menu-Item> <Menu-Item name="2-3">选项3</Menu-Item> </Submenu> </Menu> </template> ``` 4. 在你的 Vue 组件中添加 `activeName` 和 `openNames` 这两个属性，并在 `handleSelect` 方法中更新这两个属性的值： ```javascript <script> export default { data() { return { theme: 'dark', activeName: '1', openNames: [] } }, methods: { handleSelect(name) { this.activeName = name; } } } </script> ``` 这样，你就可以使用 iView 的组件导航菜单了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值