Vue中实现点击当前行变色
话不多说,先上效果 默认第一行为红色,当点击第二行的时候,只有第二行变为红色 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .active{ color: red;;…
用vue-cli+iview实现的项目总结——Menu系列问题总结(悦读奇缘平台管理)
1、Menu 导航菜单： 问题1： 当屏幕小的时候，如果我们选择的主题是dark或者是primary，那掉下来的文字会看不到 如下图官网示例： 正常情况下： 当屏幕缩小的时候： 此时统计分析和综合设置就找不到了，其实也不是找不到了，只是掉了下来，下面是白色背景，文字也是白色的，自然就找不到了 原因：如果我们检查就会发现，这个menu菜单也是通过让li浮动实现的，所以我们知道使用浮动会带来的问题就是…
vue-cli4 通过cdn引入ant-design-vue并解决moment国际化问题
以下是vue.config.js的配置，如果没有该文件，请在项目根目录创建 // vue.config.js const isProd = process.env.NODE_ENV === 'production' const needCdn = isProd // cdn 外部扩展，通过 cdn 引入，不会被webpack打包 const assetsCDN = { // 模块名称和模块作用域命…
Vue-photo-preview（图片放大缩放，大图展示）
详情可见 基于photoswipe的vue图片预览插件 1.安装 npm install vue-photo-preview --save 2.配置 在main.js中 import preview from 'vue-photo-preview' import 'vue-photo-preview/dist/skin.css' Vue.use(preview,{ fullscreenEl: fa…
VUE中获取TABLE的SELECTION选中的数据
table绑定一列type为selection，绑定table中的@selection-change=“selectionLineChangeHandle”，每次点击触发事件，赋值给数组，最后提交时候遍历获取需要的值 table绑定@selection-change事件 <el-table :data="dataonLineList" border @selection-change="se…
echarts vue3 的class类写法
图片 html <template> <div> <div ref="chart1" class="bh2"></div> </div> </template> js <script setup> import { ref, onMounted } from 'vue' import * as echarts fr…
vuex3的介绍与state、actions和mutations的使用
一、定义 官网： Vuex 是什么？ | Vuex (vuejs.org) Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 二、安装 cdn <script src="/path/to/vuex.js"></script> npm （@3是为了指定版本，否则装的是最…
使用Vue完成简单的购物车案例
表格的样式有点丑，可以自行调整一下。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../vue-dev/dist/vue.js"></script> &l…
- Go to the previous page
- 1
- …
- 199
- 200
- 201
- 202
- 203
- 204
- 205
- …
- 247
- Go to the next page