样式 组件scoped vue
vue3 reactive响应式赋值页面不渲染问题
## 问题描述： ``` // 声明变量 let data = reactive([]); http().then(res=>{ data = res.data console.log(data) }) // data数据更新，页面没有渲染， ``` ## 1、因数据结构而导致的未渲染解决方法： * ......
.env.development（开发环境）、.env.prodction（正式环境）、自定义环境 例如：读取vue项目根目录 process.env.VUE_APP_filePath
.env.development（开发环境）、.env.prodction（正式环境）、自定义环境 原文链接：https://blog.csdn.net/qq_42855675/article/details/114261585 文章目录 1.配置文件：2.命名规则3.关于文件的加载使用自定义环境 ......
Vue3.3 的新功能的体验（下）：泛型组件（Generic Component) 与 defineSlots
> 上一篇说了 DefineOptions、defineModel、Props 的响应式解构和从外部导入类型 这几个新功能，但是没有说Generic、defineSlots等，这是因为还没有完全搞清楚可以用在什么地方。折腾了几天终于弄清楚了。 这还要从 TS 的泛型说起。 ## 泛型的目的和意义 泛 ......
vue --version 显示的却是vue cli的版本号，为什么？
vue --version 显示的却是vue cli的版本号，为什么？ 如果您在运行 vue --version 命令时显示的是 Vue CLI 的版本号，而不是 Vue.js 的版本号，那可能是因为您已经全局安装了 Vue CLI。 Vue CLI 是一个用于快速搭建 Vue.js 项目的脚手架工 ......
vue iview render函数渲染table表头和列表内容
1 computed:{ 2 tableColumns(){ 3 return [ 4 { 5 title: "封面", 6 key: "pageImage", 7 render: (h, params) => { 8 return h("img", { 9 style: { 10 height: ......
Vue3 watch API 踩坑记录 | 方法未定义问题
在使用 setup() 语法糖时，方法的定义和 watch 的调用都在 setup内部进行。 需要确保方法在 watch 调用之前可访问。 **错误示例** ```html ``` 这个时候，会报错`Uncaught (in promise) ReferenceError: Cannot acces ......
vue3 -ts文件导入js文件报错
1.背景 2.解决 在tsconfig.json文件中添加配置 "noImplicitAny": false, "allowJs": true, 或者使用 require 来导入文件 ......
Vue2+Vue-baidu-map 的使用
在Vue2项目中有时候会用到百度地图插件，更适配Vue项目的可以结合Vue-baidu-map来实现。 Vue-baidu-map地址 使用npm 安装 $ npm install vue-baidu-map --save 或者使用CDN来进行引入 <script src="https://unpk ......
解决vue3自动引入element-plus后eslint警告
## 配置vue.config.js ``` ... ... module.exports = defineConfig({ ... ... configureWebpack: { plugins: [ AutoImport({ resolvers: [ElementPlusResolver()], ......
Vue中的template标签的使用和在template标签上使用v-for
我们知道 .vue 文件的基本结构是： <template> ........ </template> <script> export default { name: "demo" } </script> <style scoped> .demo { font-size: 28px; } </sty ......
失传的museui控件组件属性
提示框 顶部导航条 自动补全输入 徽章 底部导航组件 按钮 时间输入框 数据表格 对话框 分割线 表单 栅格布局 图标 布局 列表 加载 加载控件 message弹框 加载进度条 选择框 选择控件 选项卡 文本输入框 消息提示 1 提示框 2 顶部导航条 3 自动补全输入 4 徽章 5 底部导航组件 ......
Vue2路由嵌套是注意子路由path问题
1、当子路由以/开始时，它会被视为根路由，并且会显示在URL的根路径中  2、当子路由不以/开始时，它将 ......
Vue2路由嵌套是注意子路由path问题
1、当子路由以/开始时，它会被视为根路由，并且会显示在URL的根路径中  2、当子路由不以/开始时，它将 ......
Vue CLI配置
全局安装 首先配置淘宝镜像 cmd打开，输入 npm config set registry https://registry.npm.taobao.org 安装命令 npm install -g @vue/cli 发现报错如下，没有权限！！使用管理员模式。 重新开始，完美！！ 然而输入查看vue ......
vue3组件间通信
# props * 父子组件之间通信最好的方式 ``` // 父组件 props:这里是父组件 // 子组件 我是子组件 {{props.money}} {{money}} 修改props数据 ``` # 自定义事件 * 父子组件通信 ``` // 父组件 点击我传递多个参数 // 子组件2 我是子 ......
支付宝小程序 | 上传图片组件（添加默认样式以及自定义上传样式）
使用my.uploadFile、 my.chooseImage 的方式实现图片上传 `注意`： 使用该方式上传文件，后端也需要参照官方文档进行修改 # 一、展示效果 ## 默认上传 ![demo4.gif](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbp ......
svg组件封装
1. 定义子组件 <template> <!-- svg：图标外层容器节点，内部需要与use标签结合使用 --> <svg :style="{ width, height }"> <!-- xlink:href表示执行用哪一个图标，属性值要为#icon-图标名字 --> <!-- use标签fill ......
使用form.ModelForm组件注意点
定义类时是使用model=table中表名 如下： class TplModelForm(BootStrapModelForm): class Meta: model = models.Template fields = "__all__"而在函数中定义时是使用form如下 def tpl(requ ......
el-dialog组件
当el-dialog被封装为一个单独组件，被父组件引入时，控制起显示与否的问题 父组件： <amap :visible="showMap"/> data(){ return { showMap: false, } }, 子组件： <el-dialog :visible="show"> props: ......
云原生第四周--kubernetes组件详解(下)
## Configmap ConfigMap 是一种 API 对象，用来将非机密性的数据保存到键值对中。使用时， Pods 可以将其用作环境变量、命令行参数或者存储卷中的配置文件。 ConfigMap 将你的环境配置信息和 容器镜像 解耦，便于应用配置的修改。 使用场景： - 通过Configmap ......
vue遇到的问题
这个是eslint的报错，严格模式下的话不会允许未使用的字段存在 两个解决方案，要么把定义但是没用到的东西输出（console.log(参数)），要么就关闭严格模式 项目下看看有没有.eslintrc.js文件把这个配置改一下然后重新运行一下 没有这个文件的话就找找package.json里面的es ......
vue列表逐个进入过渡动画
vue列表逐个进入过渡动画 vue2，vue3，通过vfor产生列表，使子元素逐个进入效果 文章详情：https://www.cnblogs.com/Llshy/articles/17430695.html ......
vue3+vite build打包删除控制台打印
很简单，直接在vite.config.ts里面添加配置即可： export default ({ mode }) => defineConfig({ build: { minify: "terser", terserOptions: { compress: { //生产环境时移除console dr ......
Iframe在Vue中的状态保持技术
Iframe是一个历史悠久的HTML元素，根据MDN WEB DOCS官方介绍，Iframe定义为HTML内联框架元素，表示嵌套的Browsing Context，它能够将另一个HTML页面嵌入到当前页面中。Iframe可以廉价实现跨应用级的页面共享，并且具有使用简单、高兼容性、内容隔离等优点，因此... ......
Vue易错点收集
### 易错点解析 - 遍历嵌套数据:外层套里层,外层的数据得先有,由于里层的数据依赖外层,才能继续渲染 ``` - 数据格式类似这样: [ { id:1 name:'xxx' categoryChild:[...] // 继续上面的套路,包裹一个个对象,里面再包裹[]... } {...} {.. ......
vue---属性绑定:多个判断条件/class/style
我们在做VUE项目开发的时候，经常会遇到需要绑定多个判断条件，多个class，多个style的情况，下面就整理一下： 一、绑定多个判断条件 二、绑定多个class 1、绑定一个类名 <div :class="{'active':isActive}"></div> 或三元表达式： <div :clas ......
若依框架-配置字典，样式不全
详细描述 使用若依框架，字典管理，配置字典标签，elementui中是没有这个颜色的标签的，所以回显样式的下拉框中也没有 解决方案：更改若依框架原来的代码，新增一条下拉框，并更改由下拉框控制的标签样式 打开文件，添加一条 由于使用的是 若依自己封装好的 渲染字典的组件，所以需要更改组件 第二条 即 ......