uniapp微信小程序DOM元素v-show失效解决办法 uniapp微信小程序DOM元素v-show失效 问题代码 ```html {{ goPcInfo.info }} ``` ```less #app { .editArea { .go-pc { display: flex; backgro ...
Sihan's Blog 标签 vue 下的文章
Uniapp开发web移动端和微信小程序，v-for在web移动端正确输出，但在微信小程序下循环值为undefind Uniapp开发web移动端和微信小程序，`v-for`在web移动端正确输出，但在微信小程序下循环值为undefind 问题代码片段： ```Vue 技能： {{ item.val }} 兴趣： {{ item.val }} ``` 问题 ...
vue 实现千位数逗号分隔符方法 需求需要实现例如将 `23012` 显示为 `23,012` 1.创建转换方法`addThousand` ```vue methods: { addThousand: num => num.toLocaleString(), } ``` 2 ...
elementUI 定制按钮主题 ### 1.引入全局样式文件 首先在vue入口文件全局引入一个样式文件`global.less`，这里以less文件举例（sass、css...都可） 注意**不要**在` `添加作用域限制指令`scoped` ```Vue export ...
Vite + Vue2.7 + elementUI2.15.10 ，el-table 无法显示、el-table不渲染、el-table不报错 问题描述：使用vite为构建工具搭建Vue2.7 + elementUI2.15.10， ` `组件空渲染问题。使用官方Demo示例也一样不显示。（百度有答案让切换elementUI版本也不行） 问题情况主要依赖：Vite + Vue2.7 ...
vue 路由切换前关闭api pending请求 现象： 最近访问前端页面发现一个问题，在回退页面的时候，点得很快，就会突然跳到一个其他页面，如：访问时候顺序是：A–>B–>C–D，回退的时候，本应该是：D–>C–>A，但是你不耐烦就点得很快，回退跳转实际是：D–>C–>A–>C。 原因： ...
Vue组件之间（兄弟、父子）监听vuex state变化 ### 情景 两个组件，A和B。 B组件想通过`vuex`控制A组件方法实现刷新。 ### 准备 1.进入store设置state:`reloadLic: false` ``` export default { ... reloadLic: ...
「vuePoem开源后台」虚拟机Centos7启动vuePoem开发模式 ## 前言 为解决windows开发者能使用vuePoem自带CLI脚本以及开发即生产环境，特出此基于虚拟机开发教程。 本文章可供windows用户使用虚拟机参考以及linux用户参考 [官方文档](https://vuepoem.easy ...
Vue3实现一个简单的路由 如果你只需要一个简单的页面路由，而不想为此引入一整个路由库，你可以通过动态组件的方式，监听浏览器 hashchange 事件或使用 History API 来更新当前组件。 下面是一个简单的例子： ``` import Home from ...
Vue关闭控制台[Vue warn] 找到 xxx/src/main.js文件， new Vue()前面找个位置添加: ```javascript Vue.config.silent = true; ```
vue在elementUI el-col元素上绑定@click事件无效解决办法 在el-col直接添加 `@click="themeHandleClose(item)"`， 点击后无效没有反馈事件并没有执行 ``` 设置主题 @click.native="themeHandleClose(item)" class="c ...
vue中监听路由参数的变化 在vue项目中，假使我们在同一个路由下，只是改变路由后面的参数值，期望达到数据的更新。 ``` mounted: () =>{ this.id = this.$route.query.id; this.getdetail() } ``` g ...
Vue使用Array.prototype.push.apply导致视图不刷新问题解决 vue移动端列表项目中使用`searchFormData`作为列表对象，追加数据使用`Array.prototype.push.apply`。 接口返回数据后视图不刷新，查阅资料后是因为vue数组更新检测包含一组观察数组的变异方法，所以它们 ...
vue实现平滑过渡返回顶部、滚动界限值隐藏元素 Dom部分 ``` 推荐 职位 投递 我的 ``` Js部分 ``` data() { return { tabShowFlag: true, backTopFlag: false, } }, created() { //滚动识别 this ...
Vuex刷新后保持state 利用`sessionStorage`配合保存状态，刷新前`sessionStorage`赋值给state。 ``` export default { name: "app", components: {}, created() { // 页 ...
vue如何动态绑定多个class 给一个dom绑定多个class，而且是动态绑定，代码如下： ``` // classA 是固定不变的，classB与classC 是根据条件来判断是否加入 ``` 转载自：https://www.jianshu.com/p/e4248eb7 ...
vue 实现的四级密码强度检测功能示例 这篇文章主要介绍了JS实现的四级密码强度检测功能,具有实时检测输入密码强度的功能,涉及javascript针对字符串的正则判定相关操作技巧,需要的朋友可以参考下 Dom部分 ``` 密码 弱 中 强 很强 ``` Vue部分 ``` dat ...
vue监听滚动事件DEMO vue中监听滚动事件，然后对其进行事件处理，一般有：1. 滚动到顶部吸附； 2. 根据滚动的位置激活对应的tab键（锚链接tab键） 这两种方式的处理都是可通过监听scroll来实现 ``` mounted(){ window.addEve ...
vue form表单上传文件 > 本文章向大家介绍vue form表单上传文件，主要包括vue > form表单上传文件使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。 ``` ``` 单独上传文件： ``` ``` ``` ...
Vue 项目防止用户手动修改本地存储sessionStorage 最近考虑到项目安全，需要限制用户私自修改sessionStorage本地存储。 查阅资料后简单来说就是需要在main.js中添加代码如下 ``` //防止手动修改本地存储 window.addEventListener('storage', ...
Element UI 表格换页渲染闪烁问题解决 使用Element UI自带的分页组件异步请求API数据后发现翻页时候总会闪烁一下，特别影响体验。 问题代码参考如下： ``` handleCurrentChangeForum(page) { //清理翻页前数据 this.forum_in ...
vue element-ui 表格列元素添加链接 如果要给表格列添加链接，则需要使用自定义列模板（针对element）,通过 scoped slot 可以获取到 row, column, $index 和 store（table 内部的状态管理）的数据。关于自定义列模板，在https:// ...
vue框架如何在一个页面调用另一个同级页面的方法 **使用场景：** 页面分为header、home、footer三部分，需要在home中调用header中的方法，这两个没有相互引入 **官方给出方法：** ![1307134-20190123200438334-1843127582.pn ...
vue页面之间相互传值的方法 1、使用query传值--地址栏可见 比如从a.vue跳转至b.vue，传name=‘jack’，代码如下: ``` this.$router.push({ path: "/result", query: { name: 'jack' } ...
关于vue-router嵌套路由，默认子路由方法设置 我们在做项目的时，常常会遇到使用Tab切换页面需求，要求设置第一个选项卡为默认选项。这时候我们就需要用到 vue-router 嵌套路由实现。设置默认项使用 redirect 属性即可。 ``` export default new Rou ...
Vue引用其它页面组件方法, Vue 一个组件引用另一个组件 **方法1:** ``` //1.先使用import导入你要在该组件中使用的子组件 import testComponent from './testComponent.vue' export default { //2.然后,在compo ...