vue

antdesign-vue表格点击获取行数据

  • Post author:
  • Post category:vue

<div> <a-table rowKey="id" key="list" style="width: 100vw" :columns="columns" :data-source="tableData" :customRow="customRow" //选中绑定重点 :pagination="false" :scroll="{ y: '72vh', x: 250 }" />…

继续阅读 antdesign-vue表格点击获取行数据

Vue学习笔记一

  • Post author:
  • Post category:vue

一、初识Vue Vue实例和容器都是一一对应的，div的id和Vue对象中的el属性绑定 <body> <div id="app"> {{message.toUpperCase()}} </div> </body> <script type="text/javascript"> Vue.config.productionTip = fal…

继续阅读 Vue学习笔记一

vue router使用时常见问题处理

  • Post author:
  • Post category:vue

vue router使用时常见问题处理 提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录 vue router使用时常见问题处理 如果重复跳转同一路径控制台报错 前端路由页面跳转，跳转后不是在页面顶部 如果重复跳转同一路径控制台报错 // 解决路由重复跳转报错 // 获取原型对象上的push函数 const originalPush = VueRouter.prototy…

继续阅读 vue router使用时常见问题处理

vue elementUI Tree+Tooltip文字提示

  • Post author:
  • Post category:vue

演示 关键代码 <el-tree :data="treedata" show-checkbox node-key="id" :default-checked-keys="[1,2,3,4,5,6]" default-expand-all ref="tree" @check-change="getCheckedKeys" > <template slot-scope="{node,…

继续阅读 vue elementUI Tree+Tooltip文字提示

vue3 router transition(过渡动画) + ＜Transition＞ renders non-element root node that cannot be animated.

  • Post author:
  • Post category:vue

问题 简述：基于vite+vue3的项目搭建完成后，发现router切换有点僵硬，准备加入router过渡动画，但是出现了一些问题，我花了1天的时间终于得到解决，但是不希望更多的人在这个问题上花1天的时间。 实现过程： router添加动画相关代码 问题1：添加动画后，第一个路由有动画，其余路由页面空白 问题2：控制台报错： renders non-element root node that c…

继续阅读 vue3 router transition(过渡动画) + ＜Transition＞ renders non-element root node that cannot be animated.

vue的基本标签

  • Post author:
  • Post category:vue

el：挂载点，设置vue实例挂载管理元素，不能使用HTML标签和body标签 data：数据对象 methods：方法 vue实例的作用范围是：vue会管理el选项命中的元素及其内部的后代元素 vue指令： 1、内容绑定，事件绑定。 v-text：设置文本 v-html：设置元素的innerHTML，会解析标签 v-on基础：为元素绑定事件，绑定方法定义再methods属性中，this关键字可以访…

继续阅读 vue的基本标签

vue样式初始化_vue-cli3初始化项目

  • Post author:
  • Post category:vue

1npm install -g @vue/cli 创建配置 创建1vue create vue-app 选择配置1 2 3 4? Please pick a preset: (Use arrow keys) 1 (babel, eslint) default (babel, eslint) Manually select features 保存过的配置 默认配置 自定义配置 自定义配置1 2 3 …

继续阅读 vue样式初始化_vue-cli3初始化项目

Vue系列—【prettier插件】

  • Post author:
  • Post category:vue

1.prettier插件的作用 这个插件可以自动把变量中的双引号自动在格式化的时候转成单引号，把大括号后面的分号自动去掉，使之更符合eslint的语法规范。 2.使用步骤 在vue项目的根目录下新建'.prettierrc'文件，文件中新增下面的内容 { // 自动隐藏或取消行尾的分号 "semi": false, // 双引号自动转单引号 "singleQuote": true } 3.重启项目…

继续阅读 Vue系列—【prettier插件】

vue 中 数字0和空字符串，=== 和== 用法和区别

  • Post author:
  • Post category:vue

一、数字0和空字符串 以下是数字和字符串隐试转换规则： 1、任何非零的数为true，0为false。 2、字符串来说任何非空字符串为 true，空字符串为false 3、再用==比较时会把"" 先转成0 在比较 var aa = '' var bb = 0 if(aa==bb){ console.log(true) }else{ console.log(false) } true 二、=== 用法…

继续阅读 vue 中 数字0和空字符串，=== 和== 用法和区别

在网页中显示PDF文件及vue项目中弹出PDF

  • Post author:
  • Post category:vue

1、<embed width="800" height="600" src="test_pdf.pdf"> </embed> <embed v-show="pdfShow" width="800" height="600" src="../../../public/data/significant.pdf"> </embed> 通过的浏览器：360、…

继续阅读 在网页中显示PDF文件及vue项目中弹出PDF