工作上有一个需求:需要为一个按钮添加文本提示,我使用的是 Tooltip 组件,不过这个模块需要使用 render 函数编写,所以需要在 render 函数中使用到 slot
在网上查到的资料大部分都不太可行或代码过于臃肿,最后在官方文档找到了解决方案
大约 1 分钟
工作上有一个需求:需要为一个按钮添加文本提示,我使用的是 Tooltip 组件,不过这个模块需要使用 render 函数编写,所以需要在 render 函数中使用到 slot
在网上查到的资料大部分都不太可行或代码过于臃肿,最后在官方文档找到了解决方案
公司新项目是使用 Vue3(3.2.37) 框架,在编程过程中遇见框架问题,在此记录
在路由文件中实现
const routes = [
{
path: "/home",
compontent: Home,
meta: { title: "首页" },
},
];
文件-->首选项-->用户代码片段-->输入 vue
"Vue2": {
"prefix": "vue2",
"body": [
"<template>",
"<div class='$2'>$5</div>",
"</template>",
"",
"<script>",
"",
"export default {",
"name: \"$1\",",
"components: {},",
"data() {",
"return {}",
"},",
"computed: {},",
"watch: {},",
"methods: {},",
"created() {},",
"mounted() {},",
"}",
"</script>",
"",
"<style lang=\"scss\" scoped>",
"$4",
"</style>"
],
"description": "Vue2 code template"
}
Vue 提供获取 DOM 元素的方法