VUE3-Cesium(Primitive详解)

  • Post author:
  • Post category:vue

目录 1.Primitive 1.1 Members: 1.2 Methods: 1.3 示例: 2. 着色器材质 3.创建图元点击交互事件 4.通过着色器更改图元颜色 4.1 MaterialAppearance 4.2 片段着色器fragmentShaderSource 4.3 片段着色器示例代码: 1.Primitive new Cesium.Primitive ( options ) 图元…

继续阅读 VUE3-Cesium(Primitive详解)

Vue SSR(vue服务端渲染)

  • Post author:
  • Post category:vue

SSR的应用场景 1.SEO需求 SEO(Search Engine Optimization,搜索引擎优化),是一种利用搜索引擎规则,提高网站在搜索引擎内自然排名的技术。通常这需要页面内容在页面加载完成时便已经存在。 前后端分离的纯前端项目,由于这类项目需要页面加载完成后再异步获取数据渲染,因此大部分搜索引擎无法获取到这类项目的内容。Vue SSR正是基于此类需求而给出的一种技术方案。 利用no…

继续阅读 Vue SSR(vue服务端渲染)

Vue template模板中无法获取到变量属性值

  • Post author:
  • Post category:vue

问题描述 vue页面上渲染值,我们一般用的是 { { student.name }} ,(例如 获取学生的名字 )。但是有时候键值是动态变化的时候,就需要写成获取对象属性值的另一种方式, { { student['name'] }} 。再复杂一点的情况: {{ item[`${landTable}_num`] }} import { landTable } from '../constant' 当…

继续阅读 Vue template模板中无法获取到变量属性值

Vue中踩坑之路之methods和computed的区别!

  • Post author:
  • Post category:vue

在此记录学习Vue的每一步,做到每一步一个手印! 踩坑之一:methods和computed的区别 methods是定义需要执行的函数,computed是计算属性(可以将属性值执行一系列操作之后返回新值)。 那么问题来了。mothods定义函数也可以达到同样的方法,那么为什么需要computed呢? 官方文档给出如下解释 methods: { reversedMessage: function (…

继续阅读 Vue中踩坑之路之methods和computed的区别!

Vue删除数据成功后如何刷新表格数据

  • Post author:
  • Post category:vue

文章目录 刷新表格数据的方法: 1、this.$router.go(0) 2、location.reload() 3、跳转空白页再跳回原页面 4、控制的显示隐藏(最实用的方法) 刷新表格数据的方法: 1、this.$router.go(0) 这种方法页面会一瞬间的白屏,体验不是很好,虽然只是一行代码的事 2、location.reload() 这种也是一样,画面一闪,效果总不是很好 3、跳转空白页…

继续阅读 Vue删除数据成功后如何刷新表格数据

打包vue前端docker镜像

  • Post author:
  • Post category:vue

1 安装好docker环境     docker -v   查看是否成功 2编写Dockerfile文件.下面这个dokcerfile的RUN指令不好.[当有多个命令需要执行的时候,可以用换行符和连接符隔开,而不是写多个RUN指令,因为那样会增加镜像的构建时间,产生很多无用的中间层镜像(镜像分层原理,每一条指令都会构建一层镜像)] RUN command1 \ && command…

继续阅读 打包vue前端docker镜像

Vue 动态控制输入框的disabled属性

  • Post author:
  • Post category:vue

目录 一、效果如下: 二、使用步骤: 一、效果如下: ​ ​​​ 二、使用步骤: 首先在input上添加disabled属性 <uni-easyinput v-model="form.sampleName" :disabled="isDisabled" placeholder="请输入样品名称"/> data中定义isDisabled值为false(默认输入框可输入) data() {…

继续阅读 Vue 动态控制输入框的disabled属性

vue执行 vue ui报错 vue和vue-template-compiler版本不匹配

  • Post author:
  • Post category:vue

为了用页面创建项目执行 //卸载vue 客户端 npm uninstall vue-cli -g //安装vue客户端最新 npm install -g @vue/cli 执行vue ui报错 �  Starting GUI... ERROR  Error: Vue packages version mismatch: - vue@2.6.10 (E:\nodejs\node_global\nod…

继续阅读 vue执行 vue ui报错 vue和vue-template-compiler版本不匹配

antdvue组件a-radio-group如何设置默认值

  • Post author:
  • Post category:vue

<a-radio-group v-model="formData.headImgType"> <a-radio :value="0">默认</a-radio> <a-radio :value="1">自定义</a-radio> </a-radio-group> data() { return { formData: { hea…

继续阅读 antdvue组件a-radio-group如何设置默认值

vue 组件通信 父传子

  • Post author:
  • Post category:vue

父传子 第一种方法 父组件: <template> <div> 父组件: <input type="text" v-model="name"> <br> <br> <!-- 引入子组件 --> <child :inputName="name"></child> </div> </tem…

继续阅读 vue 组件通信 父传子