1.查看vue 版本 在main.js 中
console.log("vue版本:"+Vue.version);
如果你是单文件组件 (.vue结尾且为vue3.X)
<script setup> // setup 是一个特殊的钩子,专门用于组合式 API。import { ref } from 'vue'let DialogmsgType =ref('success');let thischangeDev_id=ref(0); function dev_reboot(dev_id){// 在 JavaScript 中需要 .value//在模板中使用 ref 时,我们不需要附加 .value。 模板会自动解包DialogmsgType.value='success';thischangeDev_id.value=dev_id;this.$refs.dev_rebootDialog.open();}
</script>
如果你是在 HTML 中使用 不打包的页面 非单页应用 且为 vue3.X
<script>// 非单文件组件下import { ref } from 'vue'export default {setup() { // `setup` 是一个特殊的钩子,专门用于组合式 API。let DialogmsgType =ref('success');let thischangeDev_id=ref(0); function dev_reboot(dev_id){// 在 JavaScript 中需要 .value//在模板中使用 ref 时,我们不需要附加 .value。 模板会自动解包DialogmsgType.value='success';thischangeDev_id.value=dev_id;this.$refs.dev_rebootDialog.open();}// 不要忘记同时暴露 increment 函数return {DialogmsgType,thischangeDev_id,dev_reboot}}}
</script>
如果是 vue2.X 乖乖 这样
<script>export default{data(){return{DialogmsgType:'success',thischangeDev_id:0}},methods:{dev_reboot(dev_id){this.DialogmsgType='success';this.thischangeDev_id=dev_id;this.$refs.dev_rebootDialog.open();}}}
</script>