- 博客(8)
- 收藏
- 关注

原创 如何使用vue.js
新创建一个html页面引入我们的vue.js,例如:// <script src='/public/vue.js'></script>我是放在脚手架的public里面,一般静态文件都存放在脚手架的public的文件里// <script src='/public/vue.js'></script>具体代码如下://<!DOCTYPE html><html lang="en"><head> &
2020-12-22 09:35:00
2415
原创 vue中嵌入iframe有白边问题
通过以上方法,你应该能解决Vue中嵌入iframe的白边问题。如果仍有问题,请提供更多关于你的项目的详细信息,以便我能为你提供更具体的解决方案。如果iframe的父元素存在内外边距或填充,也可能导致iframe周围出现白边。在Vue中嵌入iframe时,白边问题通常是由于浏览器的默认样式引起的。确保为iframe设置合适的宽度和高度,使其能充满容器。可以使用百分比或具体的像素值。在你的项目的全局样式文件(如App.vue或main.css等)里或者是局部组件的。重置iframe的默认样式。
2023-05-24 09:17:40
1771
1
原创 课程学习内容总结
关于uni-appuni-app是基于weex的改进版,修复了weex中的bug,并且更新了更多的组件。weex能使开发者构建web端, Android、iOS 应用。但现在weex已经很少使用。uni-app结构main.js,manifest.json,pages.json,uni.css,app.vueuni-app理解uni-app是跟vue差不多的页面结构,只不过是uni-app使用不了有些简单缩写,比如border,border-bottom之类的这些在vue中都是可以使用的。但在nv
2021-05-06 22:01:44
200
原创 webpack简单安装及部分插件使用
初始化初始化:npm init 选择过程npm init -y 没有过程选择,全部是默认的[外链图片转存中…(img-WPMBUxm9-1617111722307)][外链图片转存中…(img-q4BfMs0F-1617111722312)]安装webpack webpack-cli安装webpack webpack-cli cli是可以让我们在命令行赞使用webpacknpm install webpack webpack-cli -D查找当前版本号npx webpa
2021-03-30 21:44:30
175
原创 Vue简单移动端详情页跳转
Vue移动端详情页跳转页面布局首先进行底部导航的布局需要单独在一个vue组件里面写,切记不要在app.Vue里面写代码如下 <template> <div> <ul class="dh"> <li> //这个是跳转详情页的路由 <router-link to="/shouye"> 首页 </router-link> </li> <l
2020-12-23 08:56:43
2768
1
原创 Vue脚手架下载项配置
Vue3创建项目在你将Vue3下载后放置的地方打开cmd如:然后输入创建脚手架的命令回车后会弹出因为我之前进行过配置所以会弹出这种选型,不过不影响我们接下来的选项第一个选项是使用上一次配置的会直接创建,这里我选第二个选项,回车后会弹出这里我们进行勾选(按空格进行选择)不选择 Linter / Formatter 这是严格模式(根据个人所需勾选)这样选完后进行回车,就会弹出选项进行选择这里我是这样选的选完后按下回车这就开始下载了,我们只需慢慢等待就ok了...
2020-12-22 14:36:28
189
原创 Vue-router相关
vue-router安装:安装脚手架是默认已经安装和配置好vue-router使用步骤:①:首先创建一个组件②:router文件中的router.js中定义一个配置信息{ path:"/list", name:"路由别名", component:()=>import(组件地址)}浏览器中访问地址localhost:8080/listvue-router模式分为hash模式和history历史模式,默认是hash模式hash模式 localhost:8080/
2020-12-22 11:09:54
104
原创 Vue二级路由以及多级路由嵌套思路
Vue二级路由嵌套以及多级路由嵌套思路在router文件中的router.js中先将一级路由注册 import Vue from 'vue'import VueRouter from 'vue-router'const routes = [//这里是一级路由{ path:'/index', name:'index', //路由懒加载 component:()=>import('../component/index.vue')}] import Vue from 'vue'
2020-12-22 09:49:39
1748
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人