养老机构查询

资讯

养老资讯2023年06月21日

vue 自定义指令directive

注册自定义指令，全局可用，可以自己写指令里面的逻辑 directive使用方法 1.在main.js中 Vue.directive("border", { inserted(dom, val) { console.log(dom, val); } }) 2.dom代表当前dom...

阅读详情

资讯

养老资讯2023年06月21日

vue 全局注册组件

当组件用的地方比较多时，可以注册全局组件 1.注册方法，在main.js中 引入组件 import XzgButton from '@/components/XzgButton.vue' 2.挂在到全局 Vue.component("XzgButton", XzgButton)

阅读详情

资讯

养老资讯2023年06月21日

vue 全局过滤器filter

在mian.js 中 注册全局过滤器，需要的页面调用即可使用，需要2个参数，参数一，过滤去名字，参数二:形参 Vue.filter("zeo", (num) => { return num < 10 ? '0' + num : num }) 使用： <p&gt...

阅读详情

资讯

养老资讯2023年06月21日

vue ref获取dom节点

在标签上添加ref=名字 <p ref="p">一个段落</p> 获取通过$refs ,获取全部this.$refs ，获取单个加标签名this.$refs.p mounted() { console.log(this.$refs); console.l...

阅读详情

资讯

养老资讯2023年06月21日

vue 配置自动加载sass

在vue.config.js添加如下配置，即可全局使用sass变量 css: { // 配置自动加载sass loaderOptions: { sass: { additionalData: '@import "@/assets/style/main.scss";' } } }

阅读详情

资讯

养老资讯2023年06月20日

vue 组件通信传递参数（任意组件传递）

1.main.js 中创建一个总线挂载到vue实例原型上，利用Vue实例作为中央事件总线，来触发和监听事件。实现父子、兄弟、跨级之间的通信 Vue.prototype.$bus = new Vue() 2.发送信息的组件用$emit方法,需要传入2个参数，参数一：传递的名字，参...

阅读详情

资讯

养老资讯2023年06月20日

vue 组件通信传递参数（子传父）

1.定义子组件 MyButton.vue 用$emit方法传递 里面2个值，参数一：挂载到自定义组件上的函数名，第二个是要传递的值 this.$emit("axxx", data) <template> <div> <button @click="...

阅读详情

资讯

养老资讯2023年06月20日

vue 组件通信传递参数（父传子）

方法一： 1.定义一个公共组件 MyButton.vue <template> <div> <button :class="color">{{ name }}</button> </div> </template&...

阅读详情