vue
weixin_45108907
这个作者很懒,什么都没留下…
展开
-
vue3 下载router之后,路由未生效及控制台警告问题
在控制台页面会报出警告" Failed to resolve component: router-link"无法识别router-linkimport { createApp } from 'vue'import App from './App.vue'import router from "./router/index"; //引入routerimport './index.css'// 挂载 路由const app = createApp(App)app.use(router) app.原创 2021-04-02 16:31:08 · 1217 阅读 · 0 评论 -
elementUI日期控件el-date-picker显示的月份、日期变成英文了
从elementui上复制下来组件,发现日期变成英文了出现英文的原因:项目在main.js文件里设置的默认语言为英文。解决:在main.js中引入中文方法即可//在main.js中引入中文方法即可import locale from 'element-ui/lib/locale/lang/zh-CN'Vue.use(ElementUI, { locale })...原创 2021-04-01 16:59:54 · 4364 阅读 · 1 评论 -
vite创建vue3项目及使用typescript
1,vue3项目建议使用vite工具// 安装全局的vite 创建项目npm install -g create-vite-appcreate-vite-app vue3-democd vue3-vitenpm installnpm run dev// # 或者使用yarnyarn add -g create-vite-appyarn create vite-app <project-name>//使用 yarnyarnyarn dev//然后启动项目2,npm原创 2021-04-01 14:49:58 · 771 阅读 · 0 评论 -
vue3 ts项目 启动后自动开启浏览器配置
方式一:在package.json文件中 配置,添加 --open,重启项目"scripts": { "serve": "vue-cli-service serve --open",//加上 --open,重启项目即可 "build": "vue-cli-service build", "lint": "vue-cli-service lint" },方式二:在vue.config.js 配置文件中 添加 open:true (方式一优先级比较高,如果在vue.confi原创 2021-03-22 10:25:28 · 607 阅读 · 0 评论 -
vue 清除浏览器 历史栈
问题:需要跳转好几个页面进行表单提交,提交完之后,跳转回首页,返回上一页,发现,发现还可以返回之前的一页页面路由//可以拿到历史记录栈,清空栈let routeHistory=history.length-1;this.$router.go(-routeHistory);...原创 2021-03-16 19:02:24 · 3416 阅读 · 0 评论 -
el-image动态数据返回 图片加载失败问题
问题:动态返回的数据,回显图片加载失败,使用了懒加载也不行,异步加载没有刷新解决:使用v-if,图片存在时再渲染 <el-image style="width: 100px; height: 100px" lazy v-if="add_form_dialog.img" :src="add_form_dialog.img" :preview-src-list="[add_f.原创 2021-02-04 10:02:51 · 1990 阅读 · 2 评论 -
vue 动态组件用法
getComponent()使用返回事件的始发bai者。返回du:发起事件的 Component 对象,如果zhi该对象不是一个 Component,则返回 null。组件使用// A code blockvar foo = 'bar';import ComponentList from './component'```//引入 data () { return { currentView: null, navList: ComponentList.get原创 2021-01-28 10:03:14 · 358 阅读 · 0 评论 -
vue项目更换主题色
需求:不同的项目需要引入同一个模块,但是ui主题色需要修改解决:1,后端提供接口,前端动态设置主题色2,前端主题色配置在less文件中/** 用于less变量声明 */@border_color: #e6e6e6; // 边框颜色@main_theme: var(--mainTheme, #50CFA0); // 按钮颜色 字体颜色@main_backdrop_theme: var(--mainBackdropTheme, rgba(23, 94, 250, 0.1));原创 2021-01-06 15:17:03 · 767 阅读 · 0 评论 -
vant组件使用van-field解决邮箱校验问题
需求:用户在返回到上一页的时候,保存用户的编辑资料,所以用户在输入邮箱的时候,校验是否正确使用van-field <van-form> <van-field maxlength="25" v-model="param.email" label="邮箱" placeholder="请输入邮箱ID" :formatter="formatter" :error-message="errorT原创 2021-01-06 14:31:05 · 4942 阅读 · 1 评论 -
vue h5嵌套app里 input框聚焦但不要弹出键盘
需求:用户进入页面的时候,希望光标聚焦,但是不要弹出软键盘思路:在用户点击之前使用div盒子替代,利用伪元素做出聚焦的样式,当用户点击修改的时候,再触发聚焦事件data() { return { isShow: true //默认显示 }; }, <van-row class="div-radius"> <van-col span="24"> <div class='flex username' v-if='原创 2020-12-27 17:34:18 · 1355 阅读 · 0 评论 -
vue + elementui使用Cascader 级联选择器禁用问题
原创 2020-10-14 17:10:05 · 3624 阅读 · 1 评论 -
vue + elementui 使用 dialog和form表单时数据渲染问题
问题:dialog和form表单一起使用,关闭模态框再次点开出现上次数据依旧渲染在上面的问题解决:加个v-if 判断原创 2020-10-14 17:06:02 · 1343 阅读 · 1 评论 -
vue 列表中默认显示几条数据,点击展示全部
思路:1,获取接口数据的时候,给每一条数据都新增一个showmore:false 变量2,显隐展示,新增一个常量默认展示几条,判断showmore:false 展示几条,为true展示全部3,点击每一项的时候,展示隐藏问题,使用this.$set()动态的设置 !showmore...原创 2020-08-25 10:44:29 · 6502 阅读 · 2 评论 -
Vue 使用Scss,深度修改局部样式
使用scoped后,局部样式,不会影响到全局样式如果想在使用了scoped不污染全局样式的情况下,修改局部组件的样式,可以使用深度选择器less中一般使用 >>> 或 /deep/scss中一般使用 ::v-deep...原创 2020-08-24 10:20:10 · 4330 阅读 · 0 评论