-
Vue filters 过滤器
说明 只适用于Vue2、Vue1，在Vue3中已移除。 私有过滤器 插值表达式{{ }}中使用管道符|连接过滤器函数。 filters中定义自定义的过滤器函数。
2023-01-04, Views: 1248 , Topics: Vue
-
Vue computed 计算属性
含义 计算属性是为了方便代码服用，如拼接相关属性后生成的一个新的值，需要被多处地方使用，就可以使用计算属性这个功能来生成新字段避免重复代码。 computed属
2023-01-03, Views: 1067 , Topics: Vue
-
Vue v-cloak 解决页面闪烁
现象 在非工程化的项目中（直接引入Vue.js文件在HTML文件中使用），如果有耗时操作没让页面加载完，会显示{{}}，且页面会刷新。 v-cloak 使用v-
2023-01-02, Views: 1484 , Topics: Vue
-
Vue v-once 组件只渲染一次
作用 组件首次渲染后，之后不再渲染。 示例 <!DOCTYPE html> <html lang="en"> <head>
2022-12-31, Views: 1865 , Topics: Vue
-
Vue v-pre 加载 {{}}
作用 跳过这个元素和它的子元素的编译过程。可以用来显示原始{{}}标签。 跳过大量没有指令的节点会加快编译。 示例 <div v-pre>
2022-12-31, Views: 1214 , Topics: Vue
-
Vue .env 环境配置文件
默认模式 process.env.NODE_ENV默认值： vue-cli-service serve：默认是development模式。 vue-cli-s
2022-12-30, Views: 1328 , Topics: Vue
-
Vue slot 插槽
定义 插槽是Vue为组件的封装者提供的能力。允许开发者在封装组件时把不确定的、希望用户指定的部分定义为插槽。 默认插槽 Vue规定：每个slot插槽，都要有一个
2022-12-29, Views: 1042 , Topics: Vue
-
Vue keep-alive 缓存动态组件实例不销毁组件
作用 保持组件实例，不再销毁和重新创建，保留数据。 使用 直接使用<keep-alive>标签包裹动态组件即可。类似：<component/&
2022-12-28, Views: 2406 , Topics: Vue
-
Vue <component> 实现组件动态加载
动态组件 Vue 提供内置的<component>标签，来实现动态组件的渲染。 is 属性 <component>中is属性表示动态组件
2022-12-27, Views: 2514 , Topics: Vue
-
Vue $nextTick 解决 v-if 切换后操作 DOM 报错问题
场景 控制v-if的inputVisible变量来显示input输入框，但输入框显示后需要获取焦点。 <template> <div>
2022-12-26, Views: 1817 , Topics: Vue
-
Vue 父组件中修改子组件样式
scoped style中增加了scoped属性，则样式只会在当前组件中生效。 deep 父组件的style中定义/deep/（Vue3中会报错）或::v-de
2022-12-25, Views: 1255 , Topics: Vue
-
Vue props 自定义属性
自定义属性 组件中预定义一些字段，在其他组件引用时传入对应的值，起到复用的作用。 注意 [Vue warn]: Avoid mutating a prop d
2022-12-24, Views: 1620 , Topics: Vue
-
Vue $refs 操作 DOM 元素
$refs 每个Vue组件实例上都包含一个$refs对象，对象中存储着对应的DOM元素或组件的引用。 默认情况下，$refs指向一个空对象。 ref 在元素中添
2022-12-23, Views: 1470 , Topics: Vue
-
Vue 全局组件
定义全局组件 在main.js文件中使用Vue.component()函数定义全局组件。 第一个参数：组件ID，同样也是标签名，用于在template中定义。
2022-12-22, Views: 1150 , Topics: Vue
-
Vue2 指令
指令 内容渲染指令 v-text（会覆盖内容节点中原有的内容） {{ }}（只能用在元素的内容节点中，不能用在属性节点中） v-html 属性绑定指令 v
2022-12-21, Views: 1485 , Topics: Vue
-
IDEA 多个 Vue.js 工程识别 Webpack @ 别名
场景 在一个IDEA窗口中，打开多个Vue.js工程，配置了Webpack为Automatically，但只有一个工程识别了@别名路径，其他工程无法识别。 解决
-
iView Tag 标签点击事件
说明 iView中的Tag组件只提供了on-close和on-change事件，没有提供点击事件，需自己添加。 点击事件 添加@click.native，注意@
-
Vue mavonEditor 获取 HTML 代码
获取 HTML this.$refs.md.d_render 获取 Markdown this.$refs.md.d_value 项目地址 https://gi
2020-12-21, Views: 3436 , Topics: Vue mavonEditor
-
Vue Router 页面间传递参数
params 跳转到posts页面，携带postId参数。 this.$router.push({ name: 'posts', param
2020-11-30, Views: 1871 , Topics: Vue
-
Element UI DatePicker 时间跨度限制在同一个月内
需求 因后端数据是按月分区表，所以查询数据必须按不能跨月的日期查询。 代码 添加picker-options熟悉。 <el-date-picker