小编Dav*_*ave的帖子

import { useToast } from "vue-toastification";
import { useI18n } from "vue-i18n";

export default function useToastMsg(message, type) {

  const { t } = useI18n();
  const toast = useToast()

  if (type == "success") {
    return toast.success(t(`${message}`))
  } else if (type == "error") {
    return toast.error(t(`${message}`))
  }

}

我试图在行动发生后在商店中使用此功能。商店.js import useToast from "@/composables/toast"

在行动功能：

useToast("submit", "success")

错误信息： Uncaught (in promise) SyntaxError: Must be called at the top of a 设置 function

我该如何解决这个问题？

我正在尝试使用组合 API 创建一个多步骤表单。在vue 2中我曾经这样做过

    email: {
                get() {
                    return this.$store.state.email
                },
                set(value) {
                    this.$store.commit("setEmail", value)
                }
            },

现在我有了自己的商店，我将这个计算属性传递给我的组件stEmail: computed(() => state.email)。我如何在 get set 中实际使用它？

我正在尝试做类似的事情，但完全不起作用。

  let setMail = computed(({
    get() {
      return stEmail;
    },
    set(val) {
      stEmail.value = val;
    }
  }))

    email: {
                get() {
                    return this.$store.state.email
                },
                set(value) {
                    this.$store.commit("setEmail", value)
                }
            },

或者现在有更好的方法来制作多步骤表单吗？

每当它改变半径和中心时，我想监视每个项目，每当它改变时，我想 console.log 项目索引和值

let map = ref(null) map.value.circles是一个数组当我使用这个监视函数时，它只在加载时显示一次值，我希望每次它在控制台中发生变化时都能看到它。我怎样才能做到这一点？

     watch(() => map.value, (currentValue) => {
        currentValue.circles.forEach((item) => {
          console.log(item)
        })
      },
    );

因此，当 item.circle.center.lat() 和 lng 更改时，我想控制台记录它，而不是每个项目。

现在每当我更新任何项目时，都不会记录任何内容。

我正在尝试添加一个抽屉，该抽屉应将侧面菜单打开为全屏。但是添加后drawer我根本看不到抽屉图标。我究竟做错了什么？

我的代码：

  @override
  Widget build(BuildContext context) {
    return SafeArea(
      child: Scaffold(
        appBar: AppBar(
          automaticallyImplyLeading: false,
          title: const Text("Nav", style: TextStyle(
            color: Colors.black
          )),
          centerTitle: true,
          flexibleSpace: Image(
            image: AssetImage('assets/images/bg.jpg'),
            fit: BoxFit.cover,
          ),
          bottomOpacity: 0,
          elevation: 2,
          backgroundColor: Colors.transparent,
        ),
          drawer: Drawer(
            child: Text("Test")
          ),

implements对于抽象类，和之间有区别吗extends？我应该使用哪一个？在 Java 中，您可以使用实现来实现接口，但我发现 dart 没有接口，并且实现/扩展都可以工作。如果我想为我的 api 方法声明抽象类，我应该使用implements还是extends？

void main() {
  User user = new User();
  user.printName();
}

abstract class Profile {
  String printName();
}

class User extends Profile {
  @override
  String printName() {
    print("I work!!");
    return "Test";
  }
}

我正在尝试实现以下效果：

我怎样才能得到这个效果？我希望空白区域能够适应文本。谁能给我建议吗？

.box {
  border: 1px solid black;
  position: relative;
  min-height: 50px;
}

.box__title {
  position: absolute;
  bottom: 16px;
  left: 30px;
}

<div class="box">
<h2 class="box__title">Box title</h2>
</div>