Vuetify
OnismYY
经历得太少,鸡毛蒜皮都是烦恼……
展开
-
vuetify3+vite,打包后mdi图标无法正常显示,及打包后首页白屏
vietify3+vite,打包后mdi图标不显示,以及打包后白屏问题原创 2024-03-12 10:22:29 · 858 阅读 · 0 评论 -
没有键名的数组直接遍历到页面上,并根据索引添加键名
传递过来的数组是enPhStrategyenFerChValves: [ 1, 0, 1 ],使用v-for遍历数组enFerChValves,自行添加索引 “i”通道 A/B/C肥是否启用, 根据传递过来的数组,判断里面的值,如果值是1,就表示启用,图标有颜色,如果值是0,就表示没有启用,图标为灰色根据索引添加键名,使用三元表达式判断遍历后的索引如果索引为0,显示A肥,如果索引为1,显示B肥,如果索引为2,显示C肥最后效果...原创 2021-12-02 11:31:27 · 187 阅读 · 0 评论 -
将一个数组的内容添加到另外一个数组的最后面,并将“ “设置为“无“
定义: // 冲水阀可以不选,所以需要新建一条空数据,放到灌溉电磁阀信息的第一条 allirrValveArr: [], //存储所有灌溉电磁阀信息 allirrValveObject: [ { zoneName: "", name: "", addr: "", type: "", group: null, channel: null, sta: null,原创 2021-12-02 10:36:02 · 587 阅读 · 0 评论 -
将1/0换成checkbox可用的true和false
使用插集表达式查看{{enableSwitch}}将数组this.enableSwitchArr里面的1或0,换成对应的true和false enableSwitch() { return [ { enable: this.enableSwitchArr.map((item) => item == 1 ? true : false ), }, ]; },扩..原创 2021-11-30 12:36:57 · 711 阅读 · 0 评论 -
vue单击事件调用事件的同时,设置dialog参数
单击事件调用事件的同时,设置dialog参数@click="(settingDialog = false), clickButton(item.value)" //传递参数@click="showPHSetDialog = false; setTargetPH();" //直接调用调用事件的同时传递参数@click="openRotationDevice('BRANCH_VALVE', valve)"openRotationDevice(type, item) { if (type原创 2021-11-29 09:14:33 · 495 阅读 · 0 评论 -
findIndex(),判断一个输入对象是否等于数组中的某一项,不可添加重复名称
判断输入的name是否等于数组中的name,如果等于,不可再添加,不等于可以添加 para: [ { "name": "片区一", "addr": "tca95351", "type": "TCA9535", "group": 1, "channel": 6}, { "name": "片区二", "addr": "tca95351", "type": "TCA9535", "group": 1, "channel": 7} ] mytest() { let index = th原创 2021-11-19 10:25:32 · 380 阅读 · 0 评论 -
使用vue-cli创建项目命令行
安装node安装vue/cli全局化安装npm(不建议装cnpm,有些包不全,容易装错)vuecli创建脚手架过程:创建项目:vue create vue-test进入项目:cd vue-test(如果要使用vuetify组件,不使用则不用:vue add vuetify)运行:npm run serve...原创 2021-10-19 14:12:34 · 123 阅读 · 0 评论 -
vuedraggable拖拽组件布局一个列表上下左右拖动
官方文档的例子默认都是一条信息占用一行位置,只能上下拖动,想要实现一个列表的上下左右拖动,一行内有多条信息,需要将默认的行内元素,转变为行内块元素,一条代码div中绑定属性:style="{display:‘inline-block’}未设置前设置后...原创 2021-10-15 11:02:30 · 1468 阅读 · 2 评论 -
网页中引用下载好的字体文件(.ttf)
将下载好的文件放到目录文件夹下<style>@font-face { font-family: "fz"; src: url("../assets/DS-DIGI.ttf");}</style>引用<span styl原创 2019-02-18 18:27:08 · 4206 阅读 · 0 评论 -
vue中简单使用高德地图
组价地址https://github.com/ElemeFE/vue-amap在.vue文件(要显示地图的页面)中写入以下代码 <!-- 地图开始 --> <v-flex xs12 md10> <原创 2019-02-13 15:30:27 · 1217 阅读 · 0 评论